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.

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

Support for True Grid Layout to Enhance Data Presentation #1435

Open
carry0987 opened this issue Mar 15, 2024 · 0 comments
Open

Support for True Grid Layout to Enhance Data Presentation #1435

carry0987 opened this issue Mar 15, 2024 · 0 comments

Comments

@carry0987
Copy link

Is your feature request related to a problem? Please describe.
Yes, the current limitation of only being able to display data in a list format can be quite restrictive for some use cases. For example, when attempting to present data that naturally fits into a more spatial, two-dimensional format, such as seating arrangements in theaters or layout of products in a warehouse, the list format can make visualization and interaction more cumbersome and less intuitive.

Describe the solution you'd like
I would like GridJS to support a true grid layout system, where items can be arranged not only in rows but also in columns, allowing for a chessboard-like pattern of arrangement. This would enable users to create more visually appealing and intuitive presentations of two-dimensional data. Ideally, this feature should allow for easy configuration of the number of columns, and automatically handle pagination or scrolling, as the dataset size exceeds the display area.

Describe alternatives you've considered
I have considered using other libraries that support grid layouts, but integrating them with GridJS for the non-grid parts of my project complicates the codebase and increases the bundle size unnecessarily. Another approach could be using CSS Grids or Flexbox to manually manage this layout on top of GridJS, but this requires handling data pagination and alignment manually, which is less efficient and more error-prone.

Additional context
In many applications, especially in e-commerce, real estate, or ticket booking systems, representing data in a grid layout is closer to end-users' mental models of these domains. Introducing native support for grid layouts in GridJS would significantly enhance its applicability and usability for such applications. Below are some mockups and use cases where a true grid layout system would improve the UI/UX significantly.

Example:
Screenshot 2024-03-15 at 11 56 49

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant