如何隐藏网格标题中的排序编号

Question

我正在使用angularjs ui-grid。我对4列进行了排序，但在我的网格中，我可以看到要隐藏这些排序编号的排序编号。我没有找到任何api配置或解决方案。谢谢。

columnDefs: [
                {
                    name: 'name',
                    displayName: "",
                    width: '48%',
                    grouping: {groupPriority: 0},
                    sort: {priority: 0, direction: 'asc'}
                },
                {
                    name: 'id',
                    displayName: "",
                    sort: {priority: 2, direction: 'asc'}
                },
                {
                    name: 'bar',
                    displayName: "",
                    sort: {priority: 3, direction: 'asc'}
                },
                {
                    name: 'foo',
                    displayName: "",
                    sort: {priority: 1, direction: 'asc'}
                }
            ],

Answer 1

它内置于网格的多列排序功能中。如果要取消数字，可以为每个列提供自定义标题单元格模板，如下所示：

http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions

或编写CSS规则来隐藏元素。在这种情况下，您很幸运，因为相关元素具有特定的类：ui-grid-sort-priority-number。这应该可以解决问题。

.ui-grid-sort-priority-number {
    display: none;
}