How to change grid column header filter icon?

1 Answer 148 Views
Grid
Jie
Top achievements
Rank 3
Iron
Iron
Iron
Jie asked on 28 Feb 2024, 05:09 PM

Hi,

The older versions of grid had three dots as the grid column header filter icon. The new versions have a different filter icon. How to use the three dots in new version (@progress/kendo-react-grid@^7.2.3)?  Please see the attached image for the three dots icon.

 

Thanks,

Jie

1 Answer, 1 is accepted

Sort by
0
Accepted
Wissam
Telerik team
answered on 01 Mar 2024, 09:17 AM

Hello, Jie,

You can achieve this by wrapping the Grid with IconContext.Provider that allows you to change the Grid icons to the SVG icon that you need:

For more information on customizing the built-in SVG icons, check the following article:

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

Regards,
Wissam
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
Grid
Asked by
Jie
Top achievements
Rank 3
Iron
Iron
Iron
Answers by
Wissam
Telerik team
Share this question
or