如何在mat-table中添加标题按钮

时间:2019-04-21 13:45:20

标签: angular mat-table

我正在开发一个有角度的应用程序,我想在我的桌子头上添加一个“刷新”按钮。我希望按钮显示在与其他列名相同的行的右上角(在动作列名附近)。有什么办法吗?

我想在我的“ 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

0 个答案:

没有答案