如何在 ag-Grid 中添加/删除行？

【问题标题】：How can I add/remove rows in ag-Grid?如何在 ag-Grid 中添加/删除行？
【发布时间】：2016-11-06 22:43:49
【问题描述】：

我在我的 React - Typescript 项目中使用了ag-Grid 我可以设置数据并从表中获取选定的数据，但我不知道如何添加新的空字段以及如何删除选定的字段，我找到了它的文件，但没有找到:(

【问题讨论】：

如何阅读文档ag-grid.com/javascript-grid-api/index.php 可以使用 setRowData(rows) 将新行设置到网格中。
啊，我明白了，我必须使用旧数据作为参考，然后添加新的权利或删除权利？
当我想将数据保存在临时参考中时，我必须使用 forEachNode 推送到我的数组

【解决方案1】：

使用 setRowData 设置行，所以当我想添加新的空字段时，我必须这样做

const allNodesData = Array<any>()
this.gridApi.forEachNode((node) => {
  allNodesData.push(node.data)
})
allNodesData.push({})
this.gridApi.setRowData(allNodesData)

当我想删除选定的字段时，我必须这样做

const selectedNodes = this.gridApi.getSelectedNodes()
const allNodesData = Array<any>()
this.gridApi.forEachNode((node) => {
  if (selectedNodes.indexOf(node) < 0)
    allNodesData.push(node.data)
})
this.gridApi.setRowData(allNodesData)

【讨论】：