title: How to Put div between table row and toggle on click?
body: <p>How can I put div inside a table row and toggle its visibility using a button.</p>
  
  <p>I am creating a table row using Angularjs ng-repeat</p>
  
  <pre><code>&lt;tr ng-repeat="result in results" &gt;
      &lt;td&gt;{{$index + 1}}&lt;/td&gt;
      &lt;td&gt;{{result.canname}}&lt;/td&gt;
      &lt;td&gt;{{result.canbloodgroup}}&lt;/td&gt;
      &lt;td&gt;{{result.cangender}}&lt;/td&gt;
      &lt;td&gt;Button&lt;/td&gt;  
  &lt;/tr&gt;
  </code></pre>
  
  <p>I want to put a div of table width  between each row, how can I do this?</p>