Whether the column menu filter supports custom icons when the column has filter conditions

1 Answer 75 Views
Filter  General Discussions Grid
Hu
Top achievements
Rank 1
Iron
Iron
Iron
Hu asked on 04 Dec 2023, 08:59 AM | edited on 04 Dec 2023, 09:31 AM

Hi all: 

I'm using the Grid - Column Menu Filter component, but when filtering a column, it's still the three dots icon. This makes it impossible to see which columns are filtered and which are not. This is not very friendly. Is it possible to change the three-dot icon to a funnel icon when filtering?

Looking forward to your reply

React Data Grid Component & Filtering - KendoReact Docs & Demos (telerik.com)

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 05 Dec 2023, 09:51 PM

Hi, Hu,

Adding a visual indicator when filtering is applied like a filter icon can be achieved using a headerCell to check if there are filter expressions for the current column field and add the icon. I have created an example that showcases this approach here:

https://stackblitz.com/edit/react-ubtbq2-efqqap?file=app%2Fmain.tsx

I hope this helps.

Regards,
Filip
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Filter  General Discussions Grid
Asked by
Hu
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Filip
Telerik team
Share this question
or