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

时间:2016-07-05 07:28:31

标签: reactjs typescript ag-grid

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

1 个答案:

答案 0 :(得分: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)