Grid responsive single-column mode

[rolfsmeds]

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

• [grid] Responsive column configuration web-components#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)