Добавить фиксированную строку stati c в таблицу angular Mat

Question

У меня есть таблица Dynami c с использованием mat-table, где я визуализирую столбцы из объекта данных.

 <table #myTable mat-table [dataSource]="dataSource" class="mat-elevation-z8">...

Я визуализирую столбцы

<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef>id</th>
<td mat-cell *matCellDef="let element"> {{element.id}} </td>
</ng-container>
...

<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>

Я хочу добавить строку stati c в конец данных таблицы, где я хочу показать некоторые значения суммы из столбцов таблицы mat.

Я могу указать это имя строки в массиве, например: private displayColumns: string [] = ['идентификатор', 'столбец1', 'столбец2', 'столбец3', 'сумма']; Где id и другие имена столбцов присутствуют в моем объекте и отображаются соответствующим образом, но как я могу добавить эту stati c sum row?

Answer 1

Вы можете добавить нижний колонтитул внизу, либо вы можете сделать так, чтобы он держался снизу, как это Sticky Footer

, или вы можете добавить нелипкий нижний колонтитул Non Sticky footer с добавленным текст