Skip to content

feat: add column filters to table #470

@zemirco

Description

@zemirco

Prerequisites

Describe the feature request

It would be nice to have filters for tabular data. Ideally we would be able to have the following features

  • multiple filters for a single column
  • multiple filters across columns
  • automatically find unique data within a column and provide filter keywords
  • resetting / removing the filter

The filter should depend on the type of data within a column, e.g.

  • a date column should have a date filter
  • a number column should have number filters (above, below, between, etc.)
  • a boolean column should have true/false/na filters

We would also need backend interaction. Quite often not all the data is already available in the frontend. The user might only see 10.000 out of 1.000.000 rows. When we apply the filter we should consider pagination and backend interaction.

Describe the use case

We have very scientific and data heavy applications. Sometimes showing all the data is not necessary and can be overwhelming for our users. It would be great to provide filters so our users can focus on the data they need.

Describe preferred solution

https://adazzle.github.io/react-data-grid/#/header-filters
Kapture 2023-01-16 at 10 28 29

https://mui.com/x/react-data-grid/
Kapture 2023-01-16 at 09 56 47

https://reactdatagrid.io/demo
Kapture 2023-01-16 at 09 59 38

https://www.ag-grid.com/react-data-grid/filtering/
Kapture 2023-01-16 at 10 03 19

https://www.telerik.com/kendo-react-ui/components/grid/filtering/
Kapture 2023-01-16 at 10 11 42

https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid-column-filtering
Kapture 2023-01-16 at 10 16 44

https://ej2.syncfusion.com/react/demos/?_gl=1*nt9t34*_ga*MTYyNjIyNDcwMC4xNjczNTk5Nzkw*_ga_WC4JKKPHH0*MTY3MzU5OTc5MC4xLjAuMTY3MzU5OTc5MC4wLjAuMA..&_ga=2.12839479.1625363014.1673599790-1626224700.1673599790#/material/grid/overview
Kapture 2023-01-16 at 10 22 10

https://ant.design/components/table#components-table-demo-head
Kapture 2023-01-16 at 10 24 24

Microsoft Excel
Kapture 2023-01-16 at 10 56 14

Describe alternatives

No response

Related code

It is related to the umbrella issue #469.

Additional information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureIssues that describe new features.needed: design decisionIssues that need a design decision are blocked for development.needed: votesEnhancement suggestion which needs votes, before it gets addressed by the contributors.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions