问题
I have a requirement to open/close additional row details.
Has anyone implemented or have ideas on how to go about implementing expand/collapse feature for each row?
回答1:
There's a template of sorts for this sort of thing (demo, source) The important bit is that you'll need to tell your List/Grid/whatever when an open/close has changed (aka when size might have changed), eg:
this._listRef.recomputeRowHeights(indexOfChangedRow) // Clear cached size
this._listRef.forceUpdateGrid() // Rerender list with new size
回答2:
For what it's worth ... :-)
CodeSandbox sample
回答3:
I was looking for the same feature, but I did not find some useful results as I searched, maybe this sandbox helps others looking for a similar feature in their apps:
The example is using Table from react-virtualized beside react hooks.
Example
来源：https://stackoverflow.com/questions/41105564/react-virtualized-onclick-expand-rows-for-additional-details