HTML i CSS · Senior · Pytanie 46 z 75
Tabela z 10 000 wierszy przycina się przy przewijaniu. Które rozwiązanie jest najskuteczniejsze?
- 1Dodać
will-change: transformdo każdego wiersza tabeli - ✓Poprawna odpowiedź: Wirtualizacja: renderować tylko widoczne wiersze plus mały bufor
- 3Zastąpić
<table>siatką<div>z CSS Grid igap
Wyjaśnienie
Główny problem to tysiące węzłów DOM: pamięć, layout i style. Wirtualizacja (TanStack Virtual, react-window) trzyma w DOM dziesiątki wierszy i podmienia je podczas przewijania. will-change na tysiącach elementów zjada pamięć. Zmiana markupu nie zmniejsza liczby węzłów. Prostsze alternatywy to paginacja lub content-visibility.