【问题标题】: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>''
                  }
                }
              }
            ],
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-13
      • 2017-06-11
      • 2018-08-05
      • 2019-09-19
      • 2019-01-13
      • 1970-01-01
      • 2017-10-25
      • 2018-09-30
      相关资源
      最近更新 更多