如何使这个自定义生成的表可编辑？用银栅反应

Question

我们需要输入鉴定人、样本和试验编号。一旦我们单击“创建表”，就会根据输入生成一个表。鉴定器是表的数量，示例是每个表中的列数，试用是每个表中的行数。我必须使表格单元格可编辑，这正是我所坚持的地方。找到下面的工作代码，以更好地理解它的https://codesandbox.io/s/github/nehav9311/react-ag-grid-updated

我还必须收集以json格式输入的数据。我该怎么做？

Answer 1

有一个选项可以让ag网格将列中的每个单元格更改为一个组件，例如，在您的情况下支持编辑。完整的答案是这里在ag网格react纪录片中可用.描述一下:有一个frameworkComponents属性用于AgGridReact元素，您可以在其中添加要使用的组件，而不是常规单元格，然后可以将AgGridColumn元素中的cellEditor属性设置为自定义组件。

Answer 2

根据我在and方面的知识和经验，您必须修改您的单元格属性，如下所示：

const dataMapp = RowcountArr.map((v) => ({
  field: v,
  editable: function (params) {
    return params.node.data;
  }
}));

有关更多细节，您可以简单地检查单元格编辑银栅-反应组件。

我希望它会对你有用！谢谢。