Reduce space between filter and column name.

[Giorgio]

Dear all,

i want to reduce the space between the column name and the filter.

Any hints?

Best Regards,

Giorigo/

[Pavithra Subramaniyam]

Hi Giorgio, 

 

Thanks for contacting Syncfusion support. 

 

You can reduce the space between the column name and the filter icon by overriding the “margin-right” property of filter icon element. Please refer to the below code example, for more information. 

 

[style] 

.e-grid .e-filtermenudiv { 

    margin-right: 100px; // you can set the value as per your requirement 

} 

 

 

Please get back to us if you need any further assistance on this. 

 

Regards,  

Pavithra S. 

[Giorgio]

Hello,

does it apply automtically or we need to use a class?

Best Regards,

Giorgio

[Pavithra Subramaniyam]

Hi Giorgio, 

 

No, you need not to add any custom class. It will automatically apply the style since the classes are set by default. 

 

Regards, 

Pavithra S.