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

[data grid] Excel column filters #3571

Open
satra2806 opened this issue Jan 8, 2022 · 2 comments
Open

[data grid] Excel column filters #3571

satra2806 opened this issue Jan 8, 2022 · 2 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 feature: Filtering Related to the data grid Filtering feature new feature New feature or request

Comments

@satra2806
Copy link

satra2806 commented Jan 8, 2022

Summary 💡

Hi team, is it possible to create filter like Handsontable:

https://handsontable.com/docs/column-filter/#basic-configuration

Screenshot 2022-01-24 at 15 51 56

Google Spreadsheet

Screenshot 2022-01-24 at 15 54 14

https://www.ag-grid.com/javascript-data-grid/filter-set/

Screenshot 2022-01-24 at 15 57 42

Motivation 🔦

No response

Order ID 💳 (optional)

No response

@satra2806 satra2806 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 8, 2022
@m4theushw
Copy link
Member

Not natively, #670 should implement it. Although, I was playing with a custom column menu and it's indeed possible to embedded a filter form inside the column menu. Here's the CodeSandbox: https://codesandbox.io/s/datagrid-v5-quick-start-forked-de2m6?file=/src/App.tsx

The only problem with this example is that when the filter runs the menu is closed. This happens because the rowsScroll event is fired every time that the number of visible rows changes. If the CodeSandbox satisfy what you're looking for, we could add a prop to disable the default behavior of closing the menu during scroll.

@m4theushw m4theushw added support: question Community support but can be turned into an improvement and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 11, 2022
@oliviertassinari oliviertassinari added component: data grid This is the name of the generic UI component, not the React module! new feature New feature or request discussion and removed support: question Community support but can be turned into an improvement labels Jan 24, 2022
@oliviertassinari
Copy link
Member

oliviertassinari commented Jan 24, 2022

Interesting, I have added more benchmarks in the issues' description: It sounds like #670

@oliviertassinari oliviertassinari added the feature: Filtering Related to the data grid Filtering feature label Jan 24, 2022
@flaviendelangle flaviendelangle changed the title is it possible to create filter like handsontable [DataGrid] Handsontable-like filters Feb 22, 2022
@flaviendelangle flaviendelangle changed the title [DataGrid] Handsontable-like filters [data-grid] Handsontable-like filters Mar 29, 2022
@m4theushw m4theushw self-assigned this Apr 19, 2022
@oliviertassinari oliviertassinari changed the title [data-grid] Handsontable-like filters [data-grid] Excel column filters Dec 7, 2022
@m4theushw m4theushw removed their assignment Jul 28, 2023
@oliviertassinari oliviertassinari added design This is about UI or UX design, please involve a designer and removed design: ux labels Aug 18, 2023
@oliviertassinari oliviertassinari changed the title [data-grid] Excel column filters [data grid] Excel column filters Sep 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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 feature: Filtering Related to the data grid Filtering feature new feature New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants