Data table - Filtering

Data table filtering is key feature that allows users to quickly find the data they are looking for.


Custom filter

You can override the default filtering used with the search prop by supplying a function to the custom-filter prop. You can see the signature of the function below.

(value: string, query: string, item?: any) => boolean | number | [number, number] | [number, number][]

In the example below, the custom filter will only match inputs that are in completely in upper case.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub