如何隱藏網格標題中的排序號碼

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; 
}