如何在标题栏左侧的ng-table中显示排序图标?

时间:2016-10-31 17:06:58

标签: angularjs ngtable

我有一个包含许多列的表,所以我想在列标题的左侧显示排序图标,因为我们可以说如果一个列标题中有2个单词,它会破坏单词和排序图标将在第二个单词的右侧,如果第二个单词小于第一个单词(例如:商务单位),则所有标题都是丑陋的。

http://codepen.io/anon/pen/rMXBgP

.py

1 个答案:

答案 0 :(得分:2)

NG-table.scss 集

.sort-indicator {
    padding-right: 18px;
    position: relative;
    ...
}

看到那个排序指标是一个跨度,我猜是有人忘记添加

display: inline-block;

您需要做的就是添加规则

.ng-table th.sortable .sort-indicator {
    display: inline-block;
}

在您的自定义CSS中的某个地方,这将解决您的问题。