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

Question

我有一个有很多列的表，所以我想在列标题的左边显示排序图标，因为假设一个列标题有两个单词，它会中断单词，排序图标将在第二个单词的右边，如果第二个单词比第一个单词小(例如:business Unit)，所有的标题都是丑陋的。

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

 { field: "name", title: "Looooonggg header", sortable: "name", show: true }

Answer 1

ng-table.scss集

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

看到sort-indicator是一个span，我猜是有人忘记添加

了

display: inline-block;

你需要做的就是添加

规则

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

在你的自定义CSS的某个地方，这将解决你的问题。