具有错误 cellClass 的 angular-ui-grid

Question

我在使用 ui-grid cellClass 定义时遇到问题。首次显示网格时，定义是正确的，但如果用户垂直滚动，则定义了错误的类。我正在关注Tutorial example。这是我的gridOptions的简化版：

this.gridOptions = {
    enableFiltering: true,
    enableColumnMenu: false,
    columnDefs: [{ field: 'D1',
        cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) {
        if (grid.getCellValue(row,col) > 200) {
          $log.debug(grid.getCellValue(row,col));
          return 'red';
        }
    }}],
    data: myData
};

显示网格时，只有值大于 200 的单元格具有红色类别。但是，如果用户滚动，cellClass 函数会不断被调用，并且红色类是随机属性的，一些值低于 200 的单元格有它，一些值高于 200 的单元格没有。在日志中，我只看到 200 以上的值。

我正在使用 angular-ui-grid 3.0.0-rc.16

更新 1：

这似乎是 ui-grid 组件中的一个错误。我还能够在教程示例中重现。如果你去http://ui-grid.info/docs/#/tutorial/111_cellClass 只有 Velity 公司，在第二列，应该是蓝色的。但是，如果您继续快速向下和向上滚动，最终您会看到其他带有蓝色文本的单元格。

更新 2： 我打开了这个issue。对网格进行排序时也会出现问题。

Answer 1

bug 是 fixed。较新的 angular-ui-grid 代码没有这个问题。

Answer 2

检查“.red”类的“moduleName.css”文件。

this.gridOptions = {}

或

$scope.gridOptions = {}