Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Grid responsive single-column mode #7171

Open
18 tasks
rolfsmeds opened this issue Jan 8, 2025 · 0 comments
Open
18 tasks

Grid responsive single-column mode #7171

rolfsmeds opened this issue Jan 8, 2025 · 0 comments
Labels
acceptance criteria used for the acceptance criteria checklist DS Design System feature (e.g. component) v24.7

Comments

@rolfsmeds
Copy link
Collaborator

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

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)
@rolfsmeds rolfsmeds added acceptance criteria used for the acceptance criteria checklist DS Design System feature (e.g. component) labels Jan 8, 2025
@rolfsmeds rolfsmeds added this to Roadmap Jan 8, 2025
@rolfsmeds rolfsmeds moved this to March 2025 (V24.7) in Roadmap Jan 8, 2025
@ZheSun88 ZheSun88 added the v24.7 label Jan 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
acceptance criteria used for the acceptance criteria checklist DS Design System feature (e.g. component) v24.7
Projects
Roadmap
Status: March 2025 (24.7)
Milestone
No milestone
Development

No branches or pull requests
2 participants
@rolfsmeds @ZheSun88