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

Question

我需要打开/关闭其他行详细信息.

有没有人实现或有想法如何为每一行实现扩展/折叠功能？

Answer 1

这种事情有各种各样的模板(演示,来源)重要的一点是,当打开/关闭发生变化时(或者当尺寸可能已经改变时),你需要告诉你List/ Grid/,例如:

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

复活这个旧线程。@bvaughn 如果我理解正确，您提供的示例不支持嵌套项目的虚拟化，对吗？我的意思是，如果有很多子项，那么如果父项可见，它们都会被添加到 DOM 中。是否有更好的方法来支持子项中的虚拟化？ (2认同)

Answer 2

物有所值 ... ：-）

Answer 3

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

该示例正在使用Tablefromreact-virtualized旁react hooks。