HTML und CSS · Senior · Frage 46 von 75
Eine Tabelle mit 10.000 Zeilen ruckelt beim Scrollen. Welche Lösung ist am wirksamsten?
- 1
<table>durch ein<div>-Raster mit CSS Grid undgapersetzen - 2
will-change: transforman jede Tabellenzeile setzen - 3Virtualisierung: nur sichtbare Zeilen plus einen kleinen Puffer rendern
Antwort zeigen
Richtige Antwort: Virtualisierung: nur sichtbare Zeilen plus einen kleinen Puffer rendern
Erklärung
Das Hauptproblem sind Tausende DOM-Knoten: Speicher, Layout und Styles. Virtualisierung (TanStack Virtual, react-window) hält Dutzende Zeilen im DOM und tauscht sie beim Scrollen aus. will-change an Tausenden Elementen frisst Speicher. Anderes Markup verringert die Zahl der Knoten nicht. Einfachere Alternativen sind Paginierung oder content-visibility.