Cancerous Ordo
KPCKevin Powell - Community
•Created by Cancerous Ordo on 3/25/2025 in #ui-ux
The eternal grid UI problem: auto-adjusting to screen width while also honoring saved user settings
In apps with lots of tabular data (backoffice admin tasks, reporting, etc.), a common feature is to allow users to save their view settings for grids, such as which columns to show, column order, column width, and sorting. Unfortunately, this sometimes steps on the toes of another helpful feature for large grids: auto-expanding to fill up the available width in the viewport.
Imagine that when a user views a grid for which they haven't saved view settings, the grid uses "natural width" (column widths are set proportionally based on their content and the available viewport width). As soon as a user wants to change the width of a column, it seems to me that auto-width can no longer be used for the entire grid, instead using hard-coded widths. This creates a frustrating usability issue where the user is left wondering why the grid no longer sizes intuitively, and all the developers can say is "that's because you customized a column's width. You have to delete your customization". Not ideal.
How have you guys dealt with this issue? Is there a more elegant solution than this?
2 replies
KPCKevin Powell - Community
•Created by Cancerous Ordo on 3/24/2025 in #os-and-tools
How to get better SASS intellisense in VS Code?
19 replies