Question

根据documentation，提到我们可以在应用过滤器后使用css类自定义列的样式，但是当我尝试向该类添加图像时，它永远不会加载

.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
}

请提出进一步的建议。谢谢！

Answer 1

您可以这样做：

.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;
 }

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

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

考虑对 FIDDLE

进行采样

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

1 个答案: