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

Question

我正在使用 angular ui-grid with angular 1.5.

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

css 有一个 class -

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

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

基本上，寻找解决这个问题的方法issue

Answer 1

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

fa-sort - 是一个 Font Awesome 图标。所以我通过在下面添加 类.

来修复它

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

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