编辑 table primeNG 上的行问题 table

Editable Row Issue on primeNG table

在我的 angular 项目中，我使用 primeNG 库 我试图在数据 table 中创建行 editable 所以我按照文档 [https://www.primefaces.org/primeng/#/table/edit] 这样做但我遇到了问题我试图解决它但我失败了。

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

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

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

澄清一下

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

在此先感谢您的合作

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

应该从

改过来 
<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