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

[data grid] Column reorder only move column at the end #14999

Open
oliviertassinari opened this issue Oct 16, 2024 · 0 comments
Open

[data grid] Column reorder only move column at the end #14999

oliviertassinari opened this issue Oct 16, 2024 · 0 comments
Labels
component: data grid This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer new feature New feature or request priority: low To delay as much as possible waiting for 👍 Waiting for upvotes

Comments

@oliviertassinari
Copy link
Member

oliviertassinari commented Oct 16, 2024 •
edited
Loading

Summary

Today, we reorder the columns as the user moves them. However, it's not necessarily the best UX.

Screen.Recording.2024-10-16.at.15.30.47.mov

https://mui.com/x/react-data-grid/column-ordering/

In the tree view, we started doing the opposite, inspired by https://youtu.be/5SQkOyzZLHM?si=RJie7mSh4DZCx30X&t=1800

Screen.Recording.2024-10-16.at.15.31.26.mov

https://mui.com/x/react-tree-view/rich-tree-view/ordering/

Only reorder at the end of the integration. I believe we should move in this direction. It should help fix #9330 too as it improves performance. It was suggested in #9330 (comment).

Examples

  • Notion only reorder the headers
  • Google Sheet waits for the end to reorder

Motivation

Performance and UX
@oliviertassinari oliviertassinari added new feature New feature or request status: waiting for maintainer These issues haven't been looked at yet by a maintainer component: data grid This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer waiting for 👍 Waiting for upvotes priority: low To delay as much as possible labels Oct 16, 2024
@MBilalShafi MBilalShafi removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: data grid This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer new feature New feature or request priority: low To delay as much as possible waiting for 👍 Waiting for upvotes
Projects
MUI X Data Grid
Status: 🆕 Needs refinement
Milestone
No milestone
Development

No branches or pull requests
2 participants
@oliviertassinari @MBilalShafi