将动态列添加到 mat 表时,行与列一起添加。但不想在添加列时将行添加到表中。
我有需要作为列动态添加/删除到表中的项目列表。单击该项目时,该项目将作为列添加到表中,同时添加一行。不想将行添加到表中。
如果将 5个项目添加为列,则会向表中添加 5 行。
您可以检查问题 https://stackblitz.com/edit/angular-pg9fie
看起来每次添加列时都会向数据源添加新行。从您的代码:
this.selectedOptions.forEach(element => {
this.tableDataSource.push(element.name); // this is adding a row
});
相反,您只想将该列添加到显示的列列表中。您的代码还有其他问题,所以我只是分享一个我认为您正在寻找的功能示例:
https://stackblitz.com/edit/angular-material-table-dynamic-columns?embed=1&file=app/app.html