Angular 如何动态调整角度材质列表的宽度？

我想调整我的桌子宽度使用角材料。我得到了：

我的列是动态的：

{{column.label}}
{{row[colIndex].value}

我尝试了不同的解决方案来调整我的列宽，例如：

.mat头单元{
flex:075px！重要；
}

---

但结果是一样的。

我找到了解决方案：

我使用“带有代码flex的表”作为指南：

更新代码：

<div class="mat-elevation-z8">
      <mat-table [dataSource]="dataSource" matSort>

        <!-- Columns dynamic -->
        <ng-container *ngFor="let column of dataTable.getValues() ; let colIndex = index" matColumnDef="{{column.label}}">
          <mat-header-cell *matHeaderCellDef mat-sort-header> {{column.label}}</mat-header-cell>
          <mat-cell *matCellDef="let row" [style.color]="color"> {{row[colIndex].value }} </mat-cell>
        </ng-container>

        <!-- Header -->
        <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
        <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
      </mat-table>
      <!-- <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator> -->
    </div> 

{{column.label}}
{{row[colIndex].value}

现在的结果是：

致意