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