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

Question

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

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

css 有一个类 -

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

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

基本上是在找这个issue的解决方案

Answer 1

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

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

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

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