cellClass不适用于角度ui网格

Question

这是我的代码：

 for (var i = 0; i < gridData.length; i++) { var currentData = gridData $.each(currentData, function(key, value) { if (!angular.isFunction(value)) { $scope.columnDefs.push({ name : key, cellClass : 'red', }); } }); } $scope.gridOptions = { columnDefs : $scope.columnDefs }; $scope.gridOptions.data = data; 

 .red{ background-color: #ff0000; color: #ffffff; } 

 <div ng-controller="GridController" id="grid1"> <div ui-grid="gridOptions" class="grid"></div> </div> 

当我从columnDefs数组中替换cellClass属性时，它绝对正常工作但是当我将cellClass属性添加到columnDefs数组时，我的网格不显示数据。 在检查ui-grid dom我的数据与ui-grid cell绑定，但不会出现在ui上。

Answer 1

简单地在ui.grid.css中覆盖这两个css类

  .ui-grid-row:nth-child(odd) .ui-grid-cell { } .ui-grid-row:nth-child(even) .ui-grid-cell { } 

从ui-grid.css中的上述css类中删除background-color css

Answer 2

使用cellTemplate而不是cellClass 。

例：

cellTemplate: "<div class='red'>{{COL_FIELD}}</div>"