KendoReact Data Grid Basic Filtering

The KendoReact Data Grid provides a free global filtering feature that allows you to display only those Grid records which meet specified criteria.

Enabling Basic Filtering

You can enable the global filtering of the Grid by following these steps:

1. Enable the autoProcessData prop to allow the Grid to handle paging automatically.
2. Set the filterable prop of the Grid to render a filter row under the column headers.
3. (Optional) Set the defaultFilter prop to set initial filtering for the Grid.

The following example demonstrates how to implement filtering using the built-in state management of the KendoReact Grid.

Change Theme

Theme

Loading ...

KendoReact Data Grid Filtering APIs

• FilterDescriptors
• onDataStateChange
• API Reference of the Grid

Suggested Links

• React Data Grid
• React Grid Advanced Filtering
• React Data Grid High-Level Overview