Change filter Icon

Question

Hello, I'm using Data Grid and I want to change the Filter Icon on Header of each Column.

I search for this solution, but everything is linked to Syncfusion Doc, but the page doesn't have anything

I need to change this little icon:

Can someone help me? Thank

Sujith Kumar Rajkumar · Answer

Hi Lucas, 

Greetings from Syncfusion support. 

You can achieve your requirement of customizing the default Grid filter icon by overriding its class and setting your required icon content there. 

This is demonstrated in the below code snippet where we have modified the default filter icon with an icon from the ej2 icon library, 





.e-grid .e-icon-filter::before { 
    content: '\e736'; 
} 

We have prepared a sample based on this for your reference. You can find it below, 
 
Sample: https://stackblitz.com/edit/angular-4b7mym?file=app.component.css 

More details on the EJ2 icon library can be checked in the below documentation link, 

https://ej2.syncfusion.com/angular/documentation/appearance/icons/#steps-to-use-icon 

Please get back to us if you require any further assistance. 

Regards, 
Sujith R