Angular ag-Grid 中的编辑、保存和删除按钮

Question

我想在 ag-Grid（Angular 版本）的每一行中添加 Edit/Save 和删除按钮。我正在使用社区版。

点击“编辑”按钮应该会使整行都可以编辑并显示“保存”按钮。删除按钮应删除该行。

在 stackoverlow 上看到的答案很少，但似乎没有用。请帮忙！

Answer 1

您需要创建没有字段数据的额外字段，并在其中添加按钮。您可以使用 cellRenderer 添加按钮。然后，当单击每个按钮时，您可以调用一个方法来执行所需的操作，例如保存行、删除行等

我在 StackBlitz 上为您创建了一个简单示例 here。