-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
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
[data grid] Improve the filtering panel UX #6419
Comments
@joserodolfofreitas if the filter panel is verticalized. Would it be long when we use multi-filtering? since the current one works by adding a new filter component below? AG Grid uses a sidebar for multi-filtering. |
That's a good point, @yaredtsy. It could get long depending on the number of filters active. Do you have a preference on this matter? |
@joserodolfofreitas I have built a demo. you can check it out at https://codesandbox.io/s/stupefied-breeze-1rvgx0?file=/demo.tsx |
Thank you for the example, @yaredtsy! Before implementing this feature, we'll explore other possibilities as well, most likely with a visual concept/design first. If we pursue that path, it may also impact how we'll re-design the filter panel. |
As a note: perhaps the solution using hooks to empower users to change the layout in the Date Pickers works well here too. |
Related issue #5183 |
The mobile behavior of the current filter popper is not yet perfect. |
We might want to change anchor of the filter panel bested on the trigger. There is quite a long distance for the mouse to travel: https://mui.com/x/react-data-grid/filtering/ Screen.Recording.2024-10-21.at.16.10.17.mov |
In the filter model, the field label uses either the |
@jkunwar-sparkgeo What's your use case? Did you try to customize the filters manually? https://mui.com/x/react-data-grid/filtering/customization/ |
@oliviertassinari Since I don't want a column header in the table, I have left |
@jkunwar-sparkgeo Why not?
For this use case, but if it used 0.01% of the time, it would be harmful on average, in which case we have to default to leaving this to a heavier customizable on developer' side. |
Summary
The current filter panel has a couple of usability problems.
Motivation
Initial Proposals and ideas
Potential issues we can cover
Challenges
Examples
Dev Express
Syncfusion'
AG Grid
There are a few problems to consider though, specially on the AG Grid example, you can't always know which column you're filtering, because there's no indication on the panel itself, and assuming based on its position is not reliable,
Is it filtering on country or sport?
Telerik doesn't seem to have such a panel and is based on filtering on the header option.
The text was updated successfully, but these errors were encountered: