如何在网格中隐藏排序编号 header

How to hide sort number in the grid header

我正在使用 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'}
                }
            ],

这是网格 multi-column 排序功能的内置功能。如果您想隐藏该数字,您可以为每一列提供自定义 header 单元格模板,如此处所述:

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

或者写一个CSS规则来隐藏元素。在这种情况下,您很幸运,因为所讨论的元素具有特定的 class:ui-grid-sort-priority-number。这应该可以解决问题。

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