reactjs - 如何从 CellRenderer 和 HeadRenderers 刷新/更新 Ag-Grid

Question

我需要从 HeadRenderer 和 CellRenderer 更新/刷新 Ag-Grid 表。例如，我在 CellRenderer 中有一个按钮，当按下此按钮时。表已刷新。

const HeaderRenderer = (values) => {
        return (
     <>
      <Button
        onClick={ (e) =>
         {
           //code which redraws Ag-Grid tables
          }
        }
      />
    </>
   );
}

虽然我无法从 CellRenderers 找到任何文档。理论上我应该使用gridApi.refreshCells，但是当我在 CellRenderer 和 HeadRenderer 中使用它时，那些 api 是不受限制的。甚至它在onGridReady. 我正在考虑用values参数更新它。我认为它必须是可能的，但我没有找到任何功能？ 有谁知道是否可以使用values来自的参数CellRenderer？

Answer 1

您应该能够从单元格渲染器参数访问网格 api。

尝试：

const HeaderRenderer = (values) => {
  return (
    <>
      <Button
        onClick={(e) => {
          values.api.refreshCells();
        }}
      />
    </>
  );
};