change filter icon when filter is applied

[César Ventura]

Hola!!

Estoy usando 

 .FilterSettings(filter => { filter.FilterType(FilterType.Excel); })

para el filtrado de datos dentro del grid, cuando el grid contiene los datos filtrados, el icono cambia, pero ese cambio no es muy visible y no se nota mucho,

quisiera saber si hay alguna forma de modificar los iconos por default (ya sea cambiar el icono o solo cambiarlo de color) al momento de tener filtrados los datos (para que la diferencia se note) 

de antemano muchas gracias.

saludos!!!

[Seeni Sakthi Kumar Seeni Raj]

Hi Cesar, 

 

Thanks for contacting Syncfusion Support. 

 

You would like to override the color of the filtered icon of the Grid. Using the CssClass property of the Grid, you can assign a class to the Grid’s root element. Therefore, using this class, you can customize the layout of the Grid. Likewise, we have achieved your requirement using this class selector as shown in the following code example.  

 

 

@(Html.EJ().Grid<object>("FlaatGrid") 

              .CssClass("filtered") 

              .AllowFiltering() 

              .FilterSettings(filter => { filter.FilterType(FilterType.Excel); }) 

 

) 

 

<style> 

    .e-grid.filtered .e-filteredicon { 

        color: red; 

    } 

</style> 

 

Refer to the following API Reference of the Grid.  

 

https://help.syncfusion.com/api/js/ejgrid#members:cssclass 

 

Demo sample: http://jsplayground.syncfusion.com/3oegqb4o 

 

Regards, 

Seeni Sakthi Kumar S. 

[César Ventura]

Muchas gracias por tu respuesta Seeni Sakthi Kumar Seeni Raj!!

es justo lo que necesitaba.

[Seeni Sakthi Kumar Seeni Raj]

Hi Cesar,  

 

We are happy to hear that your requirement has been achieved. Please get back to us, if you require further assistance on this. 

 

Regards, 

Seeni Sakthi Kumar S.