Nested data grid with switches #4353
Replies: 3 comments
-
Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary. Sorry, I don't know how to help with that. I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:
|
Beta Was this translation helpful? Give feedback.
-
You can set a fixed height for a Paste data grid by wrapping it in a Box with For row selection, checkboxes are the recommended control for both individual and bulk selection in data grids. Switches are intended for immediate, on/off toggles (like settings), not for selection or bulk actions. There are no examples or recommendations in Paste for using switches as a "Select all" or bulk selection control; keeping selection UI consistent (checkboxes for both individual and bulk selection) is best for accessibility and clarity [source]. When using checkboxes, you should apply the If you need to implement auto-save, checkboxes are still appropriate for selection, but be mindful that checkboxes are not intended for instant actions—users expect to confirm their choices (e.g., via auto-save or a save button), whereas switches are for immediate state changes [source]. To reply, just mention @dosu. How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other |
Beta Was this translation helpful? Give feedback.
-
Hey @ankigupta92, sorry this slipped through the cracks! For your 1st question, you can follow what Dosubot said above, and wrap the Data Grid in a Box with For your 2nd question, I'd recommend signing up for office hours so we can get a better understanding of the user goal/interaction: https://docs.google.com/spreadsheets/d/10vD91zdwr9hjgDOV3HSGnoC0LgvYw-thmn3X_kvW0xk/edit?gid=18129311#gid=18129311 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello, I am updating an existing nested data grid in Segment to adopt the Paste design system. I have questions on some of the enhancements.
Context: User picks tables (parent) and properties (nested rows) that should be synced with their warehouses. User makes these selections by enabling the respective checkboxes for table and their nested properties. As part of technical enhancements the team is also considering replacing the current “Save” button with an auto save.
Qs 1: Can we set a fixed height for data grid? Each pagination view can have up to 10 parent rows and each parent can have up to 10 nested rows. To avoid a very long scroll, I want to use a fixed height and introduce nested scrolls within the data grid
Qs 2: I have explored 2 options for selection of parent and nested rows. I am looking for feedback on these approaches

Approach 1: Use switches for row selections. Switches imply enabling and disabling something and works well with auto save
Concern: Name (Select all) checkbox at top header is a different UI treatment than switches, possibility to replace that with a "Choose all" switch?
Approach 2: enhance the current behavior (checkboxes used for selections)

Qs: These rows will not have any contextual or bulk actions. If using checkboxes, does the data grid have to apply the “selected” variant for each row that has selected checkbox?
(Figma link)
Beta Was this translation helpful? Give feedback.
All reactions