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

How can I display the sorting icons from ng-table on the left of the title column?

我有一个包含很多列的 table，所以我想在列标题的左侧显示排序图标，因为假设一个列标题中有 2 个词，它将break word 和排序图标将在第二个单词的右侧，如果第二个单词小于第一个单词（例如：Bussiness Unit），所有 header 都是丑陋的。

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

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

ng-table.scss 集

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

看到 sort-indicator 是一个跨度我猜是有人忘记添加了

display: inline-block;

您需要做的就是添加规则

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

在您的自定义 css 中的某处，这将解决您的问题。