如何使用角度 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