Angular материал - таблица - изменить ширину столбца

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.