Grid responsive single-column mode

[rolfsmeds]

trafficstars

Description

Automatically switch Grid into single-column mode for small viewports. See https://cookbook.vaadin.com/responsive-grid

Acceptance criteria

• [ ] Separate small-viewport column that's hidden above a certain breakpoint (below which normal columns are hidden instead)
• [ ] Column is always 100% of Grid width
• [ ] Renderer API for the column
• [ ] API for setting the breakpoint (defaults to something reasonable)
• [ ] Hides headers by default (could provide API that disables this)
• [ ] Supports multiselect checkboxes

Possible nice-to-haves

• [ ] Special sorter UI for the single column
• [ ] Default renderer that somehow combines values from all normal columns
• [ ] GridPro support (API for setting an editor for the column)
• [ ] Some special theme variants for single-col-mode

Open questions

• How should TreeGrid be supported? The single column would need to act as toggle column.
• How should row details be supported?

Related issues

• https://github.com/vaadin/web-components/issues/2049

General criteria

• [ ] APIs reviewed

• [ ] Design

• [ ] Performance

• [ ] UX/DX tests in Alpha

• [ ] Documentation:

• [ ] How to test?

• [ ] Limitations:

Security

• [ ] Security implications have been taken into account (elaborate or link to product security requirement specification if there are implications)