角材料-表-更改列宽

Question

有什么方法可以为列设置不同的宽度？

经过多次尝试，似乎列是偶数，忽略了所有样式。

Answer 1

是的，可以使用css .mat-column-<matColumnDef-value>，假设您有一个列def“ group”，例如：

<!-- Group Column -->
<ng-container matColumnDef="group">
  <mat-header-cell *matHeaderCellDef mat-sort-header>Group</mat-header-cell>
  <mat-cell *matCellDef="let element">
    {{element.group}}
  </mat-cell>
</ng-container>

在CSS中，您可以设置宽度：

.mat-column-group {
  width: 150px;
  max-width: 150px;
}

Answer 2

这很尴尬，不可能通过width ...必须应用min-width来覆盖样式。