我正在创建一个应按文件名和日期排序的表,为此我遵循了 Angular Material 文档,但不起作用,它没有在编译器或浏览器控制台中显示任何错误,该表如下所示:
<mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="File">
<mat-header-cell *matHeaderCellDef mat-sort-header> File </mat-header-cell>
<mat-cell *matCellDef="let element" data-label="File"> {{element.fileName}} </mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="Date">
<mat-header-cell *matHeaderCellDef mat-sort-header>Date </mat-header-cell>
<mat-cell *matCellDef="let element" data-label="Date"> {{element.date}} </mat-cell>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="Extension">
<mat-header-cell *matHeaderCellDef mat-sort-header>Extension</mat-header-cell>
<mat-cell *matCellDef="let element" data-label="Extension"> {{element.extension}} </mat-cell>
</ng-container>
<ng-container matColumnDef="View">
<mat-header-cell *matHeaderCellDef> Actions </mat-header-cell>
<mat-cell *matCellDef="let element" data-label="View"> <a href="{{element.url}}" target="_blank" class="green-text"><i class="material-icons">visibility</i></a></mat-cell>
</ng-container>
<ng-container matColumnDef="Delete">
<mat-header-cell *matHeaderCellDef> Delete </mat-header-cell>
<mat-cell *matCellDef="let element" data-label="Delete"> …Run Code Online (Sandbox Code Playgroud)