clear all active filter button

[Eti]

Hey, 

i am using react and the program does not use Jquery. i want to achieve this:

https://stackblitz.com/edit/react-pew4cw?file=app/main.jsx

A way to clear all active filters from a single button above the grid. but while this example works with droplist. ive tried to apply it wo GridColumnMenuFilter and its CheckBox filter. such that the examples (eg, custom component or checkbox) below would have a clear button above the grid that clears filters.

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

i've also tried to apply the FilterBy using the clear in js but am certain i am implementing that properly. shown in image. i can make use if th eis active to style it so far.

 

 

[Stefan]

Hello, Eti,

Thank you for the details.

The logic is similar, we need to clear the filter field of the dataState object.

I made an example showcasing this:

https://stackblitz.com/edit/react-i1j6af?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik