How to apply Search Bar with Filter for my Kendo React Grid Component?

0 Answers 1091 Views
Filter  Grid TreeList
Sachin
Top achievements
Rank 1
Iron
Iron
Sachin asked on 07 Nov 2022, 08:16 PM

Hello,

I need to apply Search Bar with Filter for my Kendo React Grid Component. Kindly let me know if you have any reference/example for it.

I searched but I didn't get in kendo react!

I need very similar to this. 

Here is the link: https://dojo.telerik.com/ErISoxIz

Best,

Sachin.

Wissam
Telerik team
commented on 08 Nov 2022, 11:17 AM

Hi, Sachin,

You can achieve this by adding an Input component, and filtering the data based on the input value.

In the below example, in the `onFilterChange` event handler, the whole `products` data is filtered based on the input value, then the `dataResult` is set to the new data after it gets processed. The dataResult is then passed to the data prop of the Grid.

I hope this helps, but please let us know if you have any further questions

Regards,
Wissam Merhi
Progress Telerik

No answers yet. Maybe you can help?

Tags
Filter  Grid TreeList
Asked by
Sachin
Top achievements
Rank 1
Iron
Iron
Share this question
or