列宽度与最宽单元格内容匹配的MultiGrid

Question

我正在使用MultiGrid渲染网格，其中使用CellMeasurer将列的大小调整为最宽的内容。

我遇到以下问题：

• 当我水平滚动网格时，滚动出的单元格 的视图从缓存恢复为默认宽度，导致“跳转” 滚动时。 （video）
• 性能不佳*（video）

有什么方法可以使网格列达到其最大内容的大小，而不会影响性能？我感觉这与react-virtualized无关，我只是在做错事

这是一个CodeSandbox：https://codesandbox.io/s/w5pz7x025 我认为是问题所在的代码在components/Table.tsx

中

*我使用MultiGrid渲染的许多网格中的内容都在不断更新。这需要我在渲染时清除CellMeasurer缓存，并在componentDidUpdate中调用.recomputeGridSize()。这可能是我性能问题的很大一部分