title: How to generate table rows with rowspan in angular html?
body: <p>I want to iterate on a data list to generate table rows but I don't know how to implement the loop when the cells in one column have a <code>rowspan</code> attribute.</p>
  
  <p>My template markup:</p>
  
  <pre><code>&lt;div class="table-responsive" &gt;
    &lt;table class="table table-striped"&gt;
      &lt;tr&gt;
        &lt;th&gt;Project Name&lt;/th&gt;
        &lt;th&gt;Project Number&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td rowspan="3"&gt;{{data.name}}&lt;/td&gt;
        &lt;td&gt;{{data.number1}}&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;{{data.number2}}&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;{{data.number3}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>