Kendo UI for Vue Data Grid Basic Filtering

Updated on Feb 9, 2026

The Kendo UI for Vue 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 Kendo UI for Vue Grid.

Change Theme

Theme

Loading ...

Kendo UI for Vue Data Grid Filtering APIs

• FilterDescriptors
• onDataStateChange
• API Reference of the Grid

Suggested Links

• Vue Data Grid
• Vue Data Grid High-Level Overview