如何使用角形材料在Datatable中动态查看标题和列

Question

我在尝试使用角度7并实现时在html中显示数据表中的列和标题时遇到问题。

经过如此多的搜索和尝试，我可以实现它：

<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
  <ng-container *ngFor="let disCol of header; let colIndex = index" matColumnDef="{{disCol}}">
    <mat-header-cell mat-sort-header *matHeaderCellDef> <input class="check-head" checked="checked" type="checkbox" (change)="seleccion(colIndex)" />{{disCol}}</mat-header-cell>
    <mat-cell *matCellDef="let element "> 
        {{element[colIndex]}}
    </mat-cell>
  </ng-container>

  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</table>

<mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

我在这里留下代码，希望对您有所帮助