title: angularJS add table row (TR) inside an ng-repeat -
body: <p><strong>EDIT</strong> this is a similar (or duplicate) of
  <a href="https://stackoverflow.com/questions/16900050/angular-js-ng-repeat-across-multiple-elements">Angular.js ng-repeat across multiple elements</a></p>
  
  <p>-</p>
  
  <p>i have a table, whose rows are generated via ng-repeat:</p>
  
  <pre><code>&lt;tr ng-repeat="(key, value) in rows"&gt; 
      &lt;td&gt;{{a}}&lt;/td&gt;
      &lt;td&gt;{{b}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>i'd really prefer to keep it in &lt;table&gt; tag, and not several inline-blocks, for various reasons.</p>
  
  <p>How can I add another row just below each row, e.g. pseudo-code</p>
  
  <pre><code>[ somehow-repeat ng-repeat="(key, value) in rows"]
      &lt;tr class="1"&gt; 
          &lt;td&gt;{{a}}&lt;/td&gt;
          &lt;td&gt;{{b}}&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr class="1"&gt; 
          &lt;td colspan="2"&gt;
      &lt;/tr&gt;
  [ /somehow-repeat ]
  </code></pre>
  
  <p>as far as i know (worth checking) i can't wrap the TR inside another element.  just chekced :( the table doesn't show if i the "somehow-repeat" element is  or </p>
  
  <p>so - is there a way to add new row despite being in ng-repeat?</p>