title: Iterating Angular Material table
body: <p>I use Angular Material <code>mat-table</code> and as far as I see, it has a special notation for loop properties like <code>*matCellDef</code> as shown on this <a href="https://stackblitz.com/angular/yorydvmqlpv?file=src%2Fapp%2Fbutton-overview-example.html" rel="nofollow noreferrer">Demo</a>. In order to remove the unnecessary part, I am trying to iterate records and build table dynamically. I tried to iterate using <code>&lt;div let element of elements&gt;...&lt;/div&gt;</code> but failed. So, may it be possible using a special syntax?</p>
  <p>Here is the part I have tried to iterate:</p>
  <pre><code>&lt;ng-container matColumnDef=&quot;weight&quot;&gt;
    &lt;th mat-header-cell *matHeaderCellDef&gt; Weight &lt;/th&gt;
    &lt;td mat-cell *matCellDef=&quot;let element&quot;&gt; {{element.weight}} &lt;/td&gt;
  &lt;/ng-container&gt;
  </code></pre>