1

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

.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>

如何为表头设置固定位置并保存缩进？

4

0 回答 0