我正在开发一个有角度的应用程序,我想在我的桌子头上添加一个“刷新”按钮。我希望按钮显示在与其他列名相同的行的右上角(在动作列名附近)。有什么办法吗?
我想在我的“ matHeaderRowDef”中添加另一列,并在将空数据发送到该列时将其用作刷新按钮,但这似乎有点浪费,而且还会占用一些表空间。
[HTML file]
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
<ng-container matColumnDef="Name">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Name </th>
<td mat-cell *matCellDef="let element"> {{element.Name}} </td>
</ng-container>
.... other columns go in here ...
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
[TS file]
displayedColumns: string[] = ['Name', 'UsedBy', 'Type', 'Actions']
--- onInit function ---
--- edit function ---
--- delete function ---
--- refresh function ---
[当前应用程序表] https://imgur.com/hjXpPQk