如何设置mat-table头的绝对位置？

Question

如何设置固定的标题位置，例如：

.mat-header-row {
    position: fixed !important;
    top: 60px;
}

但是后来我使用它，我的样式崩溃了，所有标头值ID和Registered合并成一个单词而没有缩进。

<mat-table #table [dataSource]="dataSource" matSort aria-label="Elements" class="main-table">

    <ng-container matColumnDef="ip">
        <mat-header-cell *matHeaderCellDef>ID</mat-header-cell>
        <mat-cell *matCellDef="let item"><h4>{{item.ip}}</h4></mat-cell>
    </ng-container>

    <ng-container matColumnDef="regDate">
        <mat-header-cell *matHeaderCellDef>Registered</mat-header-cell>
        <mat-cell *matCellDef="let item"> {{item.regDate | date: 'dd.MM.yyyy'}}</mat-cell>
    </ng-container>

    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
    <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

如何为页眉设置固定位置并保存缩进？