We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Move the filter icon within the header in REACT

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

1 Reply

PS Pavithra Subramaniyam Syncfusion Team January 13, 2023 05:49 AM UTC

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;




Please find the below documentation for more Grid style customization.



Pavithra S

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

Live Chat Icon For mobile
Up arrow icon