React Virtualized - onclick,展开行以获取更多详细信息

React Virtualized - onclick, expand Rows for additional details

我需要 open/close 额外的行详细信息。

有没有人实施或有关于如何为每一行实施 expand/collapse 功能的想法?

这类事情有一个模板 (demo, source) 重要的一点是你需要告诉你的 List/Grid/无论什么时候open/close 已更改(也就是大小可能已更改时),例如:

this._listRef.recomputeRowHeights(indexOfChangedRow) // Clear cached size
this._listRef.forceUpdateGrid() // Rerender list with new size

物有所值...:-)

CodeSandbox sample

我一直在寻找相同的功能,但在搜索时没有找到有用的结果,也许这个沙盒可以帮助其他人在他们的应用程序中寻找类似的功能:

示例使用 react-virtualized 中的 Table 除了 react hooks

Example