Each row editable using ui-grid AngularJS

Question

I need to make row editable instead of each field/column. I am also following the tutorial for tutorial for row edit feature

Please find the plnkr link also where I am trying to make row editable instead of each column. I have the button on each row but it doesn't have any functioning.

plnkr link

  $scope.gridOptions.columnDefs = [
    { name: 'id'},
    { name: 'age'  },
    {name: " Edit" , cellTemplate:'<button class=\"btn btn-xs btn-primary\" ng-click=\"grid.appScope.openModal(grid, row)\"> <i class="fa fa-edit" ></i></button>' }];

I need to edit full row. I tried to implement by reading the tutorial for ag-grid but were unsuccessful. — Sahil
– Sahil, Commented Nov 28, 2017 at 18:51

T.Aguiar · Accepted Answer · 2017-12-07 14:25:09Z

0

You can use the 'cellEditableCondition' option on each field and then put one variable to change the status of the fields.

  $scope.gridOptions.columnDefs = [
{ name: 'id'},
{ name: 'age', edicellEditableCondition : variable (true or false) }...]

And then you can change all rows only with one. Hope it helps.

answered Dec 7, 2017 at 14:25

T.Aguiar

692 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Each row editable using ui-grid AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related