React Virtualized - onclick, expand

Question

/ .

- , expand/collapse ?

Answer 1

(demo, ). , List/Grid/, / (, ), :

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

Answer 2

... :-)

CodeSandbox

Answer 3

I was looking for the same function, but I did not find any useful results, as I was looking, maybe this sandbox helps others looking for a similar function in their applications:

The example is used Tablefrom react-virtualizednext to react hooks.

example

Answer 4

I tried to implement the solution, but as soon as I expand the line, the list will change the top scroll position. any clue?