Как настроить ширину ячейки mat-header-cell в Angular?

Question

Как мы можем настроить или изменить ячейку-заголовок-коврик в angular? Я хотел изменить ширину, но это ни на что не влияет. Спасибо,

<ng-container cdkColumnDef="name">
    <mat-header-cell *cdkHeaderCellDef mat-sort-header disableClear="true">Name</mat-header-cell>
    <mat-cell *cdkCellDef="let row">{{row.name}}</mat-cell>
</ng-container>

Answer 1

Что мешает вам применить стиль или класс к ячейке?

<ng-container cdkColumnDef="name">
       <mat-header-cell style="width: 400px" *cdkHeaderCellDef mat-sort-header disableClear="true">Name</mat-header-cell>
       <mat-cell *cdkCellDef="let row">{{row.name}}</mat-cell>
</ng-container>

https://stackblitz.com/edit/angular-4r2gb8-x3mbq2?file=src%2Fapp%2Ftable-basic-example.html