根据某些条件在UI网格中自定义单元格的样式

时间:2016-05-02 16:01:16

标签: angularjs angular-ui-grid celltemplate

我正在使用角度的UI网格。我想根据一些检查为网格中的所有行自定义一个特定单元格的CSS样式。

我在尝试:

$scope.gridOpts.columnDefs[2].cellTemplate='something'

如果满足某些条件,则使用其他cellTemplate

在调试问题时,它会进入该条件并首次评估cellTemplate,但第二次使用相同的cellTemplate值,即使条件发生变化,直到再次刷新页面。

请帮助解决这个问题。

1 个答案:

答案 0 :(得分:0)

根据您的问题描述,使用cellClass似乎更适合您的要求 你可以使用类似的东西 -

cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) {
          if (colRenderIndex == 2) {
            return 'blue';
          }

您应该在此处参考本教程 - UI Grid Cell Class

这是UI网格制作者的另一个example