Angular UI Grid Multiple Columns Editable At The Same Time

Question

I am using Angular UI Grid and I want to know if it is possible to make multiple fields, on multiple rows 'appear' editable at the same time. From a user perspective it is impossible to tell at a glance which fields are editable. The best I have been able to get is the setting 'enableCellEditOnFocus', but this still only allows edit when a user specifically clicks on a cell.

$scope.gridOptions.columnDefs = [   
    { name: 'age', enableCellEditOnFocus:true  }
];

You can use cellTemplates to allow editing – Austin Mar 30 '16 at 18:45 — Austin, Mar 30 '16 at 18:45

score 0 · Answer 1 · answered Mar 30 '16 at 19:18

After some searching and that helpful suggestion by Austin I found a decent solution.

$scope.gridOptions = {
    data: self.myData,
    columnDefs: [{ field: 'firstName', cellTemplate: '<div class="ui-grid-cell-contents"><input type="text" ng-model="MODEL_COL_FIELD" /></div>' }]
};

Angular UI Grid Multiple Columns Editable At The Same Time

1 Answers1