Extjs 如何在应用过滤器后为ext js列添加过滤器图标

正如所提到的，在应用过滤器后，我们可以使用css类自定义列的样式，但是当我尝试向类添加图像时，它从不加载

.x-grid-filters-filtered-column{
字体：斜体；
字体大小：300；
背景：url（../static/images/filterIcon.png）不重复！重要；
背景位置：calc（100%-5px）3px！重要；
文本装饰：继承
}

您可以这样做：

.x-grid-filters-filtered-column {
    font-style: italic;
    font-weight: 300;
    text-decoration: inherit
 }

 .x-grid-filters-filtered-column .x-column-header-text-inner {
    background-image: url('/any/image.png');
    background-repeat: no-repeat;
    padding-right: 17px;
    background-position: right center;
 }

.x-grid-filters-filtered-column .x-column-header-text-inner:after {
    margin-left: 13px;
    font: 14px/1 FontAwesome !important;
    content: "\f0b0" !important;
 }

或者，如果您正在使用任何使用FontAwsome的主题，最后一位可能是这样的：

.x-grid-filters-filtered-column {
    font-style: italic;
    font-weight: 300;
    text-decoration: inherit
 }

 .x-grid-filters-filtered-column .x-column-header-text-inner {
    background-image: url('/any/image.png');
    background-repeat: no-repeat;
    padding-right: 17px;
    background-position: right center;
 }

.x-grid-filters-filtered-column .x-column-header-text-inner:after {
    margin-left: 13px;
    font: 14px/1 FontAwesome !important;
    content: "\f0b0" !important;
 }

考虑一下这个示例