无法通过渲染的单元格网格反应更新其他单元格

时间:2019-10-25 06:41:00

标签: reactjs html-table ag-grid

我正在开发一个react应用,并使用ag-grid创建表。在表中,我有3列(名称,状态,提交)。 status和Submit列使用单元格渲染器(因为它在单元格中包含图标)。根据我的需要,单击“提交”按钮(cell:3)后,需要执行以下步骤:

  • 步骤:1我需要启动API调用
  • 步骤:2更新状态字段(单元格:2)

我能够实现步骤1,但是我仍然坚持步骤2。如果在ag-grid中有解决方案,这将很有帮助。

1 个答案:

答案 0 :(得分:0)

使用columnDefs中的cellRenderer属性根据偏好更新单元格

columnDefs: [
          {
            headerName: "Name", field: "name"
          },
          {
            headerName: "Status", field: "Status"
            cellRenderer: (params) => {
              if (params && params.value === 'Pass') {
                return '<h1>'+params.value+'</h1>'
              }
              if (params && params.value === 'Fail') {
                return '<h6>'+params.value+'</h6>''
              }
            }
          }
        ],