title: How to make Angular UI Grid row editable when button is clicked
body: <p>I am using <code>angular ui grid</code>. </p>
  
  <p>I have <code>edit</code> button showing for each row as last column. I want to change row to <code>edit</code> mode when <code>edit button</code> clicked. </p>
  
  <p>Appreciated if someone can guide me.</p>
  
  <pre><code>{
      field: 'edit',
      displayName: '',
      enableFiltering: false,
      enableSorting: false,
      width: '5%'
  },
  </code></pre>
  
  <p>Right now i have made it editable for each cell individually using the following line </p>
  
  <pre><code>&lt;div class="grid testGrid" ui-grid="GridOptions" ui-grid-edit ui-grid-row-edit style="width: 100%;"&gt;&lt;/div&gt;
  </code></pre>