各行はui-gridを使用して編集可能AngularJS

Question

各フィールド/列の代わりに行を編集可能にする必要があります。私もtutorial for row edit featureのチュートリアルに従っています

各列の代わりに行を編集可能にしようとしている場所でも、plnkrリンクを見つけてください。各行にボタンがありますが、機能はありません。

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>' }]; 

Answer 1

あなたは、各フィールドに「cellEditableCondition」オプションを使用して、フィールドの状態を変更するために、1つの変数を置くことができます。

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

そして、すべての行を1つだけ変更することができます。 お手伝いをしてください。