title: Grouping row data in a bootstrap table into a single long row
body: <p>I have an angular app where i am using a bootstrap table to display list data using ng-repeat.I have repeated data in few rows, How do i include them as one long prolonged row of groups? How do i group multiple rows into a single row for selected columns with groups. I have a flat JSON data coming from server.</p>
  
  <p>The data I am getting from server is similar to the one in <a href="http://plnkr.co/edit/J5bnFSINw34abqlM0nvt?p=preview" rel="nofollow">plunker</a>. </p>
  
  <p>I want under Group1 -Just 3 rows clubbing each of the repetitive data and under Group2 two prolonged rows with 1 and 2. How do i achieve this?</p>
  
  <pre><code>&lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;ItemNo&lt;/th&gt;
          &lt;th&gt;Group1&lt;/th&gt;
          &lt;th&gt;Group2&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/J5bnFSINw34abqlM0nvt?p=preview" rel="nofollow">http://plnkr.co/edit/J5bnFSINw34abqlM0nvt?p=preview</a></p>