使用 React 加载新表后使用新数据更新 ag-grid

Posted 2023-03-28

【中文标题】使用 React 加载新表后使用新数据更新 ag-grid

【英文标题】：Updating ag-grid with new data after new table load with React

【发布时间】：2020-11-07 19:07:45

【问题描述】：

我正在使用 React，并且我有一个更新 Redux 表状态的导航组件。根据导航中选择的表格，我需要相应地更新 ag-grid。

我有六张桌子。其中三个具有相同的列定义。我目前正在使用onNewColumnsLoaded 刷新数据，但是因为三个表具有相同的列定义，所以没有加载任何内容。我尝试了onColumnEverythingChanged 和其他列选项，但同样因为列相同，什么也没发生。

我尝试过rowDataChanged、rowDataUpdated 和componentStateChanged，但如果我在滚动或过滤，它们会刷新数据，所以这些不是可接受的选项。

我查看了this answer,，但它使用的是普通的 javascript，而this one 在 css 中存在问题，而不是在 javascript 中。

基于 Redux 状态变量以编程方式更新网格的最佳方式是什么？

【参考方案1】：

您可以检查是否使用 immutableData 直接更新 rowData：

getRowNodeId 

方法也应该被实现。

查看doc了解更多详情。