javascript - Angular-ui-grid 的 cellClass 错误

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 代码没有这个问题。