React Virtualized - onclick, expand Строки для получения дополнительной информации

У меня есть требование открыть/закрыть дополнительную информацию о строках.

Кто-нибудь реализовал или имеет идеи о том, как реализовать реализацию функции expand/collapse для каждой строки?

Ответ 1

Есть шаблон для такого рода вещей (demo, источник). Важным является то, что вам нужно будет сообщить свой List/Grid/все, что изменилось при открытии/закрытии (например, когда размер мог быть изменен), например:

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

Ответ 3

Я искал ту же функцию, но я не нашел полезных результатов, поскольку искал, возможно, эта песочница помогает другим, ищущим похожую функцию в своих приложениях:

В примере используется Table из react-virtualized рядом с react hooks.

пример

Ответ 4

Я попытался реализовать решение, но как только я разверну строку, список изменит верхнюю позицию прокрутки. какая-нибудь подсказка?