kendo-vue/knowledge-base/grid-filtering-comma-separa...

1.3 KiB

title description type page_title slug tags res_type category
Filter the Kendo UI for Vue Native Grid's data using a comma separated values. A a sample project that shows how to implement a custom row filter inside the Native Grid that allows data filtering using comma separated values. how-to Filter the Native Grid using comma separated values | Kendo UI for Vue Native Grid grid-filtering-comma-separated-values grid, filter, filtering, row filter, comma separated, kendovue, native kb knowledge-base

Environment

Product Version 3.10.0
Product Progress® Kendo UI for Vue Native

Description

The current KB article demonstrates how you can implement a custom row filter inside the Native Grid that filter's its data using comma separated values.

Runnable example

To test the following example start adding values in the filter input of the UnitsInStock column. Ex: "13,120,17"

{% meta id:index height:600 %} {% embed_file grid-filtering-comma-separated-values/main.vue preview %} {% embed_file grid-filtering-comma-separated-values/main.js %} {% embed_file grid-filtering-comma-separated-values/products.js %} {% endmeta %}