Struggling to create a material table that features dynamic headers and rows populated by an array of strings. Unfortunately, I haven't been successful in displaying the rows within the table.
<div *ngIf="customerResponse">
<mat-table [dataSource]="customerResponse.customerDataRows">
<ng-container *ngFor="let disCol of customerResponse.customerHeader; let colIndex = index"
matColumnDef="{{ disCol }}">
<th mat-header-cell *matHeaderCellDef>{{ disCol }}</th>
<ng-container *ngFor="let disRow of customerResponse.customerDataRows;">
<td mat-cell *matCellDef="">{{disRow}}</td>
</ng-container>
</ng-container>
<mat-header-row *matHeaderRowDef="customerResponse.customerHeader; "></mat-header-row>
<mat-row *matRowDef="let row; columns: customerResponse.customerHeader"></mat-row>
</mat-table>
</div>
The headers are displaying correctly, sourced from the ts file, but I'm stuck on populating the rows data within the mat cell. Any assistance would be greatly appreciated!