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
Ответ 2
Для чего это стоит... :-)
Пример CodeSandbox
Ответ 3
Я искал ту же функцию, но я не нашел полезных результатов, поскольку искал, возможно, эта песочница помогает другим, ищущим похожую функцию в своих приложениях:
В примере используется Table
из react-virtualized
рядом с react hooks
.
пример
Ответ 4
Я попытался реализовать решение, но как только я разверну строку, список изменит верхнюю позицию прокрутки. какая-нибудь подсказка?