角材料表动态行

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 的例子

Answer 2

您需要像Armen 提到的那样推送数据。 您还需要根据建议调用表格的 renderRows() 方法https://material.angular.io/components/table/overview#1-write-your-mat-table-and-provide-data

请检查您更新的stackblitz 示例

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