title: Use of rowspan to group hierarchical data
body: <p>Is it possible to group data (using rowspan as explained <a href="http://www.pdprogrammeur.com/tables-and-html5-table/" rel="nofollow noreferrer">here</a>) in a table rendered with angularjs. Data is hierarchical, with <code>state</code> having many <code>counties</code> and each counties has multiple <code>zipcodes</code>. I want a table with only column for state, county, zip etc (so give a rowspan for length of the collection). I am not sure <code>ng-repeat-start</code> and <code>ng-repeat-end</code> can be used to achieve this. Please see the starter template <a href="http://plnkr.co/edit/d6xjVHRQRbkC8RiYSl8k?p=preview" rel="nofollow noreferrer">here</a></p>
  
  <pre><code> &lt;table&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;State&lt;/th&gt;
          &lt;th&gt;County&lt;/th&gt;
          &lt;th&gt;Zip&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr ng-repeat='st in states'&gt;
          &lt;td&gt;{{st.name}}&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>
  
  <p>data</p>
  
  <pre><code> var oh_counties = [
      {name: "Franklin", zips: [111,222,333,444,555]},
      {name: "Adams", zips: [111,222,333,444]},
      {name: "Allen", zips: [111,222,333]}
      ],
      wi_counties = [
      {name: "Dane", zips: [111]},
      {name: "Adams", zips: [111,222,333,444]}
      ]
  
      $scope.states = [
        {name: "OH", counties: oh_counties},
        {name: "WI", counties: wi_counties},
        ];
  </code></pre>
  
  <h2>Edit:</h2>
  
  <p>A handcrafted version of the desired output is here <a href="http://plnkr.co/edit/T7toND0odx6qr8mVC121?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/T7toND0odx6qr8mVC121?p=preview</a></p>