Filtering

Premium

Updated on Jul 1, 2026

The KendoReact ListView can be easily integrated with the KendoReact Filter to filter the data in the list.

Basic Usage

To filter the ListView data, integrate the KendoReact Filter component above the ListView and use the filterBy utility from the Data Query package to apply the active CompositeFilterDescriptor to your data on each onChange event. The Filter component supports text, numeric, boolean, and date field types, as well as composite and/or logic grouping.

The following example demonstrates how to filter ListView items by text, numeric range, and boolean fields using the Filter component.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the ListView