Move the filter icon within the header in REACT

[Jeff Crisp]

How do I move the filter icon in my header in react. I see an example to do it for UWP and mobile within XAML but nothing else

[Pavithra Subramaniyam]

Hi Jeff Crisp,

You can customize the Grid filter icon default styles using the below selector. Please refer to the following code example and sample link for more information.

.e-grid .e-filtermenudiv.e-icons.e-icon-filter {

    float: left;

    margin-left: -18px;

}

 

https://stackblitz.com/edit/react-skt6na?file=index.html,index.js

Please find the below documentation for more Grid style customization.

https://ej2.syncfusion.com/react/documentation/grid/style-and-appearance/style-and-appearance/

Regards,

Pavithra S

If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.