title: *ngFor accessing multiple arrays Angular
body: <p>I have array which contains : id and content.</p>
  
  <p><strong>dashboard.component.ts</strong></p>
  
  <pre><code>this.tablePresetColumns = [{id: 1,content: 'Username'},{id: 2,content:'Status'}];
  
  this.tablePresetData = [[{id: 1, content: "Budi Kurniawan"},{id: 2, content: "Busy"}]]
  </code></pre>
  
  <p>So far, I've tried these :</p>
  
  <p><strong>Dashboard.component.html</strong></p>
  
  <pre><code>&lt;table class="table" [ngClass]="modes"&gt;
      &lt;thead *ngIf="columns"&gt;
       &lt;tr&gt;
       &lt;th *ngFor="let col of tablePresetColumns"&gt;
       {{col.content}}
       &lt;/th&gt;
       &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
       &lt;tr *ngFor="let row of tablePresetData "&gt;
       &lt;td *ngFor="let cell of row[i]"&gt; {{cell.content}}
     &lt;/td&gt;
     &lt;td *ngFor="let cell of row[i]"&gt; 
      &lt;span class ="dot" [ngClass]="{
       'dot-yellow' : cell.content == 'Busy',
       'dot-green' : cell.content == 'Idle',
       'dot-red' : cell.content == 'Overload'}"&gt;
       &lt;/span&gt;
     &lt;/td&gt;
       &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How to access the data of my array on my component.ts, so I can show data as table format? I'm trying <code>*ngFor</code> but still can't show anything.</p>