Я работаю над угловым приложением и хочу добавить кнопку «Обновить» в заголовок таблицы. Я хочу, чтобы кнопка отображалась в правом углу в той же строке, что и имена других столбцов (рядом с именем столбца действий). есть ли способ сделать это?
Я подумал о добавлении еще одного столбца в мой «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