具有错误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

检查你的＆＃34; moduleName.css＆＃34;类＃34; .red＆＃34;。

的文件

this.gridOptions = {}

OR

$scope.gridOptions = {}