CODEWITHSUNDEEP
angularjsng-grid
Golo Roden
Golo Roden

Reputation: 150902

Make only some cells editable in ngGrid?

I have an ngGrid that shows a few records with basically key / value content. Now, I would like to make some of these records editable.

Using the enableCellEditing features of ngGrid, I can enable or disable editin for a complete column - but what if I only want to enable it for some rows in that column? Is there any way to dynamically configure this for each row?

Upvotes: 6

Views: 4847

Answers (2)

perumalsamy
perumalsamy

Reputation: 69

You can use cellEditableCondition like below code

{ field: 'planTypeName',displayName:$rootScope.commonProperty.name,enableCellEditOnFocus: true,enableCellEdit:true,cellEditableCondition: function( $scope ) { return $scope.row.entity.sts=='A'; }},

Upvotes: 0

Goodzilla
Goodzilla

Reputation: 1483

Late answer, but ng-grid (which is now being redone as ui-grid) now has a cellEditableCondition that you can use to make only some cells editable.

You just add it in your gridOptions :

enableCellEditOnFocus: true,
cellEditableCondition: 'row.rowIndex !== 2' //can edit all rows except for the third

Example plunker

This feature availble only after ng-grid 2.0.9

Upvotes: 3

Related Questions