Angular 6-材质表列调整大小的奇怪行为

Question

我有一个，看起来如下（我希望语言没问题）。

仅更改字体大小和行高，其格式确实很糟糕 如果现在我将具有特权类（cdk-column-name）的列“名称”的宽度更改为较小的大小，则列ID会变得更宽。我无法更改列ID的宽度。其他列的宽度也有所变化。

我的html代码如下：

<table id="Bausteintabelle" mat-table [dataSource]="BausteineDataSource" 
   class="mat-elevation-z8">

<ng-container matColumnDef="ID" class="idSpalte">
   <th mat-header-cell *matHeaderCellDef class="idSpalte"> Id </th>
   <td mat-cell *matCellDef="let element" class="idSpalte"> {{element.Nummer}} </td>
</ng-container>

有人可以帮助我吗？