How to Disable filter icon on kendo react grid on condition

Hello Arun,

Even though the Grid does not provide a built-in option for disabling the filtering while editing an item, you can manually get reference to the header element of the Grid and disable all child elements and also, disable the "pointer-events" for it. I have prepared a simple example demonstrating such implementation:

• https://stackblitz.com/edit/react-44kzyb?file=app%2Fmain.jsx,index.html

As you will notice, on "add" and "enterEdit" I am calling a "toggleDisabledState" function that finds the header element and manually disables everything within. On "update" I am removing the disabled state.

Hope this helps.

Regards,
Konstantin Dikov
Progress Telerik