title: How to create dynamic table in html and angular
body: <p>I need to present in Html a dynamic table that I don't know what is the template of each row:
  Some times it contains 2 columns, sometimes 4...</p>
  <p>I need something like this:</p>
  <pre><code>    &lt;div&gt;
     &lt;h1&gt;Angular HTML Table Example&lt;/h1&gt;
     &lt;table&gt;
        &lt;thead&gt;
           &lt;tr&gt;
              &lt;th&gt;#ID&lt;/th&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Email&lt;/th&gt;
              &lt;th&gt;Phone&lt;/th&gt;
              &lt;th&gt;Address&lt;/th&gt;
              &lt;th&gt;Action&lt;/th&gt;
           &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
           &lt;tr *ngFor=&quot;let item of ItemsArray&quot;&gt;
              &lt;th&gt;{{ item.id }}&lt;/th&gt;
              &lt;td&gt;{{ item.name }}&lt;/td&gt;
              &lt;td&gt;{{ item.email }}&lt;/td&gt;
              &lt;td&gt;{{ item.phone}}&lt;/td&gt;
              &lt;td&gt;{{ item.address }}&lt;/td&gt;
             
           &lt;/tr&gt;
        &lt;/tbody&gt;
     &lt;/table&gt;
  &lt;/div
  </code></pre>
  <p>And instead of:</p>
  <pre><code>&lt;tr *ngFor=&quot;let item of ItemsArray&quot;&gt;
          &lt;th&gt;{{ item.id }}&lt;/th&gt;
          &lt;td&gt;{{ item.name }}&lt;/td&gt;
          &lt;td&gt;{{ item.email }}&lt;/td&gt;
          &lt;td&gt;{{ item.phone}}&lt;/td&gt;
          &lt;td&gt;{{ item.address }}&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  <p>somethong like:</p>
  <pre><code> &lt;tr *ngFor=&quot;let item of ItemsArray&quot;&gt;
  &lt;ngFor=&quot;let property of item.structure&gt;  
              &lt;td&gt;{{ property }}&lt;/td&gt;
  
         
  </code></pre>
  <p>Do you have any advice for me?</p>
  <p>Thanks</p>