如何使用angular-ui-grid将类添加到网格列？

我正在使用UI-GRID，并且必须将自定义CSS添加到网格标题中，所以我试图将类添加到列。如何使用angular-ui-grid将类添加到网格列？

$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" 
} 
];

但它不工作。请告诉我如何添加具有一些自定义样式的类。

来源

2016-04-21 Anita Mehta

尝试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

来源

2016-04-26 18:59:33 Gary

如何使用angular-ui-grid将类添加到网格列？

回答

相关问题