Filter icon never displays in the grid

[ashok9]

As per the documentation, it is mentioned that we can use the css class to customize the style of the column after applying the filter but when I try to add an image to the class, it never loads

.x-grid-filters-filtered-column {
    font-style: italic;
    font-weight: 300;
    background: url(../static/images/filterIcon.png) no-repeat!important;
    background-position: calc(100% - 5px) 3px!important;
    text-decoration: inherit }

As per the documentation,it is mentioned that we can use the css class to customize the style of column after applying filter but when I try to add an image to the class,it never loads
.x-grid-filters-filtered-column {
font-style: italic;
font-weight: 300;
background: url(../static/images/filterIcon.png) no-repeat!important;
background-position: calc(100% - 5px) 3px!important;
text-decoration: inherit
}




Please suggest how to proceed further. Thanks!

[Forum_Adm]

Hi there- I have sent your question over to a team member that can help. We will get back with you soon. Thank you for your patience!

[pakumar]

Hi there,

The CSS class works and filter icon displays as seen in the fiddle


https://fiddle.sencha.com/#view/editor&fiddle/2la6


May be you need to set it to make it visible

Regards,
Pavan.
Sencha Support.