【问题标题】:unable to update other cells from rendered cell ag-grid react无法从渲染的单元格 ag-grid 更新其他单元格反应
【发布时间】:2020-02-21 12:10:18
【问题描述】:
我正在开发一个反应应用程序,并使用 ag-grid 来创建表格。在表中,我有 3 列(名称、状态、提交)。状态和提交列使用单元格渲染器(因为它在单元格内保存图标)。根据我的需要,单击提交按钮(单元格:3)后需要执行以下步骤:
- 步骤:1 我需要发起 API 调用
- 步骤:2 更新状态字段(单元格:2)
我能够完成第 1 步,但是我坚持第 2 步。如果 ag-grid 中有解决方案可以做到这一点,那将会很有帮助。
【问题讨论】:
标签:
reactjs
html-table
ag-grid
【解决方案1】:
使用 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>''
}
}
}
],