css - 角度 ui-grid 中未排序的列没有图标

Question

我正在使用角度为 1.5 的角度 ui-grid。

目前，当一列未排序时，它不显示图标。但我需要显示一个图标，表明该列可以排序。像这样 - fa-sort

CSS有一个类-

.ui-grid-icon-blank::before { 
    width: 1em; 
    content: '\c358'; 
}

但是在更改图标的内容时，由于应用了另一个类，图标不会出现ui-grid-invisible。在删除该类时，优先级也可见，这不是必需的。

基本上，正在寻找解决此问题的方法

Answer 1

目前，您可能对这个问题有了答案，但值得分享我是如何解决它的。

fa-sort - 是一个 Font Awesome 图标。所以我通过添加波纹管类来修复它。

.ui-grid-invisible {
     visibility: visible;
}

.ui-grid-icon-blank::before {
    content: "\f0dc";
    font-family: FontAwesome;
}