cellEditableCondition based on rowindex in ui-grid

Question

I want to enable cell edit based on row index

columnDefs: [
{
field: "Name",
name: "Name",
enableCellEdit: true,
cellEditableCondition: 'row.rowIndex == 2',
cellTemplate: '<div class="ui-grid-cell-contents">{{}}</div>'
}

but above code is not working. If i pass true in cellEditableCondition it works fine. I think row.rowIndex is not giving index. I was able to get row index in cell template as below, but if i write same code in cellEditableCondition it wont work.

field: "Name",
name: "Name",
enableCellEdit: true,
cellEditableCondition: 'grid.renderContainers.body.visibleRowCache.indexOf(row) == 2', // not working
cellTemplate: '<div class="ui-grid-cell-contents">{{grid.renderContainers.body.visibleRowCache.indexOf(row)}}</div>' //working

Please help me to get rowindex in cellEditableCondition

Answer 1

You should pass a function like this -

cellEditableCondition:
    function($scope) {        
      return $scope.grid.renderContainers.body.visibleRowCache.indexOf($scope.row) == 2;
    }