New to Kendo UI for Vue? Start a free 30-day trial

Filtering

The data of the Kendo UI for Vue Native ListView can be easily filtered depending on the requirements of each scenario. The ListView will display the data passed to its data-items property and it is up to you to decide how this data will be filtered. In this article you can see two filtering scenarios:

Data Filtering Using the Filter Component

The following example demonstrates a scenario in which the functionality of the ListView and Kendo UI for Vue Native Filter components is combined in a real-life example.

Example
View Source
Change Theme:

Data Filtering Using FilterBy

The following example demonstrates the ListView data can be filtered using the filterBy method available in the @progress/kendo-data-query package.

Example
View Source
Change Theme: