角度材料 - 表格 - 更改列宽

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，必须应用。