在角度材料中对齐表格元素不起作用

Question

我的角度分量有问题。我有一个材质表，在我的 css 中我有这种风格

table {
    width : 100%
}

但我的材料表更容易。

<table mat-table [dataSource]="listData">
    <ng-container matColumnDef="titre">
        <th mat-header-cell *matHeaderCellDef> Titre </th>
        <td mat-cell *matCellDef="let element"> {{element.title}} </td>
    </ng-container>
    
    <ng-container matColumnDef="auteur">
        <th mat-header-cell *matHeaderCellDef> Auteur </th>
        <td mat-cell *matCellDef="let element"> {{element.author}} </td>
    </ng-container>
       
    <ng-container matColumnDef="isbn">
        <th mat-header-cell *matHeaderCellDef> Isbn </th>
        <td mat-cell *matCellDef="let element"> {{element.isbn}} </td>
    </ng-container>
</table>

问题是我的桌子没有 100% 的宽度 我的 css 组件中有 table {width:100%} 任何东西。你能告诉我如何把我的桌子做得更大