Wie kann man Zeilen in einem erweiterbaren Panel in React Virtualisierung virtualisieren? ⇐ CSS

[Anonymous]

Ich verwende React virtualisiert, um eine Liste mit erweiterbaren Panels zu rendern. Das Problem ist, dass beim Erweitern eines Panels alle 500 Zeilen auf einmal geladen werden, was die Benutzeroberfläche sehr langsam macht. Ich habe Probleme mit Höhenberechnungen, wenn ich versuche, beide Ebenen zu virtualisieren. Wie kann ich die inneren Zeilen in einem erweiterten Panel effizient virtualisieren?