how to edit column in value in angular js?
<p>I am using UI-grid in my example .I saw the documentation from here of edit row .
<a href="http://ui-grid.info/docs/#/tutorial/205_row_editable" rel="nofollow">http://ui-grid.info/docs/#/tutorial/205_row_editable</a>
In given example user able to edit the columns present in row.I also make same example also include modules but not able to edit my columns ..what is procedure to edit the columns ?</p>

<p>here is my code
<a href="http://plnkr.co/edit/zypDrZeJUx9ZoTHNnMxc?p=preview" rel="nofollow">http://plnkr.co/edit/zypDrZeJUx9ZoTHNnMxc?p=preview</a></p>

<p>already added the modules</p>

<pre><code>angular.module('app',['ngTouch', 'ui.grid', 'ui.grid.selection' ,'ui.grid.edit', 'ui.grid.rowEdit', 'ui.grid.cellNav'])
</code></pre>

<p>here is my JS file</p>

<pre><code>$scope.gridOptions = {
        //filter demo
        // enableFiltering: true,
        // showHeader: false, // show header check
            enableRowSelection: true,
            multiSelect:false,
            //show checkbox front of each row or not
            enableRowHeaderSelection: false,
            onRegisterApi : function(gridApi){
      //set gridApi on scope
      $scope.gridApi = gridApi;
      gridApi.selection.on.rowSelectionChanged($scope,function(row){
        var msg = 'row selected ' + row.entity.age;
        console.log(row);
      });
            },

             enableFiltering: true,


     columnDefs: [
         {
                 field: 'gender', 
                 displayName:'Gender',
                 filter: { 
                     type: uiGridConstants.filter.SELECT,
                     selectOptions: [ 
                         { value: 'm', label: 'male' },
                         { value: 'F', label: 'female' },
                         { value: 'N', label: 'mdd' }

                     ]
                 },
             },



       {field: 'name', displayName:'First'},
       {field: 'lastname', displayName:'Second',enableSorting: false}
       ]
   }
</code></pre>