如何使用angular-ui-grid將類添加到網格列？

Question

我正在使用UI-GRID，並且必須將自定義CSS添加到網格標題中，所以我試圖將類添加到列。

$scope.columns = [ 
{ 
    name: 'status', 
    displayName: 'STATUS', 
    width: 200, 
    pinnedLeft: true, 
    **cellClass : "gridColumnStyle"** 
}, 
{ 
    name: 'serial', 
    displayName: 'SERIAL#', 
    width: 200, 
    cellClass : "gridColumnStyle" 
}, 
{ 
    name: 'product_name', 
    displayName: 'PRODUCT NAME', 
    width: 200, 
    cellClass : "gridColumnStyle" 
} 
]; 

但它不工作。請告訴我如何添加具有一些自定義樣式的類。

Answer 1

嘗試headerCellClass而不是cellClass。 像這樣

$scope.gridOptions = { 
    enableSorting: true, 
    columnDefs: [ 
     { field: 'name', headerCellClass: 'blue' }, 
     { field: 'company', 
     headerCellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) { 
      if (col.sort.direction === uiGridConstants.ASC) { 
      return 'red'; 
      } 
     } 
    }]};  

而且這裏有一個例子：http://ui-grid.info/docs/#/tutorial/115_headerCellClass 和有史以來這裏移動的情況下是一個plunker：http://plnkr.co/edit/lmkJvXrxmGfzC342GXrO?p=preview