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

Question

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

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

在 stackoverlow 上看到很少的答案，但似乎它们不起作用。请帮忙！

Answer 1

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

我在 StackBlitz 上为您创建了一个快速示例。