【发布时间】：2020-11-25 15:07:57
【问题描述】：
我有一个使用 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>
我想在表格数据的末尾添加一个静态行，我想在其中显示来自 mat-table 列的一些总和值。
我可以在数组中提供此行名称，例如： 私有显示列：字符串[] = ['id', 'column1', 'column2', 'column3', 'sum']; 我的对象中存在 id 和其他列名并进行了相应映射，但我如何添加这个静态总和行？
【问题讨论】：
-
我不明白你的意思。你想添加行吗？还是列？您的表中已经有 sum 列！
-
你能显示你需要什么输出吗？
-
是的，还有这个stackblitz.com/edit/…。所以基本上我需要为每个元素添加 mat-footer-cell。
标签： angular angular-material mat-table angular-material-table