Customizing the style of a cell in UI grid on the basis of some condition

Question

I am using a UI grid of angular. I want to customize the CSS style of one particular cell for all rows in the grid based on some check.

I am trying:

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

if some condition is met, else use some other cellTemplate

While debugging the issue, its going inside that condition and evaluating the cellTemplate for the first time but second time its taking the same value of cellTemplate even when the condition is changed until page is refreshed again.

Please help on this.

Answer 1

From the description of your problem, it looks like using cellClass will be better suited for your requirement.
You could use something like -

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

You should refer to this tutorial here - UI Grid Cell Class

Here is another example by the makers of UI grid.