How to change grid column header filter icon?

[Jie]

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

[Wissam]

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:

• https://stackblitz.com/edit/react-bvddl5-ck7dqq?file=app%2Fmain.jsx

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

• https://www.telerik.com/kendo-react-ui/components/common/svgicon/customization/#toc-built-in-svg-icons-customization

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

Regards,
Wissam
Progress Telerik