角材料表动态行

Question

我正在使用角度和材质创建一个项目。在我的项目中，我想在单击按钮时在材料表中添加自定义的页脚行，然后在单击“删除”按钮时删除该行。

这是我的代码：

https://stackblitz.com/edit/angular-dshjiz-beqnrj?file=src/app/table-basic-example.html

Answer 1

您需要在数据源中推送数据

this.dataSource.data.push({id: 1, name: 'test'})

有stackblitz example

Answer 2

您需要按Armen所述推送数据。您还需要根据建议https://material.angular.io/components/table/overview#1-write-your-mat-table-and-provide-data

调用表的renderRows（）方法

请检查更新的stackblitz example

可以执行相同的方法删除行。只要确保每次表更新时renderRows方法都会调用。