primeNG 表上的可编辑行问题

Question

在我的 Angular 项目中，我使用 primeNG 库 我正在尝试使数据表中的行可编辑，因此我遵循文档 [https://www.primefaces.org/primeng/#/table/edit] 这样做，但我遇到了我试图解决的问题，但我失败了。

当我点击编辑按钮时，所有行都变为可编辑并且应该只有被点击的行？

那么我该怎么做并将新数据发送到服务器

我在 stackpiltz 中的代码 [https://stackblitz.com/edit/angular-1suual?file=src%2Fapp%2Fsuppliers-info%2Fsuppliers-info.component.ts]

澄清

当我点击修改按钮时 会是这样

提前感谢您的合作

Answer 1

问题在于您添加的 dataKey，它应该是数据中唯一的现有属性名称。由于 col.field 不存在且始终为 null ，因此它正在编辑所有行。

应该改成

<p-table [value]="suppliers" [columns]="cols" editMode="row" dataKey="col.field">

到

<p-table [value]="suppliers" [columns]="cols" editMode="row" dataKey="id">

这里是演示 - https://stackblitz.com/edit/angular-tq7rmc