title: How to disable/enable the entire row in table with help of enable/disable buttons?
body: <p>In my table I have two buttons <strong>Enable</strong> and <strong>Disable</strong>. In the table I want to disable/enable the entire row with the help of these buttons. At first the Disable button must be Active while Enable button is disabled. When I click on Disable button the entire row should get disabled and the Enable button must get active while Disable button gets disabled. How to do it in angularJS. Help needed.</p>
  
  <pre><code>&lt;table style="border:1px solid;"&gt;
  &lt;tr&gt;
    &lt;td&gt;one&lt;/td&gt;
    &lt;td&gt;two&lt;/td&gt;
    &lt;td&gt;three&lt;/td&gt;
    &lt;td&gt;
      &lt;button&gt;ENABLE&lt;/button&gt;&lt;br/&gt;
      &lt;button&gt;DISABLE&lt;/button&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/vtkj1cug/1/" rel="nofollow noreferrer">https://jsfiddle.net/vtkj1cug/</a></p>