2012-08-06 4 views
5

Chciałbym utworzyć niestandardową tabelę/listę HTML z dużą ilością wierszy. Potrzebuję wirtualizacji wiersza, ale nie jestem pewien, jaki jest najlepszy sposób, aby to osiągnąć.Jak zastosować wirtualizację wiersza dla tabeli/listy w HTML/CSS/JS?

Przez wirtualizację wierszy odwołuję się do koncepcji, w której wiersze tabeli/ul/div nie są widoczne lub renderowane w ogóle, o ile nie są przewijane do widoku. Zasadniczo chodzi o to, aby wyeliminować rendering, jeśli przedmiot nigdy nie jest pokazywany (za zwojem).

Wszelkie pomysły? Myślę, że elementy DOM muszą zostać dodane do listy, gdy tylko "przewiną widok". A potem potrzebowałbym niewidzialnego elementu div z wysokością całkowitej wysokości wszystkich rzędów, aby umożliwić przewijanie.

Czy są jakieś proste przykłady kodu, które to umożliwiają?

Odpowiedz

3

nie wiem o przykładach „prosty” kod ale znalazłem następujące projekty, które używają DOM wirtualizacji

MegaList i SlickGrid

Przykład MegaList jest najłatwiej zrozumieć, jak to jest po prostu "ul", do którego dodawane są elementy listy.

1

Infinite Scrolling powinien cię wycelować we właściwym kierunku.

+3

Przypuszczam, że różnica między tą a prawdziwą wirtualizacją polega na tym, że nieskończone przewijane strony nie usuwają elementów z DOM, gdy zostaną przewinięte z ekranu. Podczas korzystania z wirtualizacji elementy DOM są aktywnie dodawane i usuwane. –

0

Ta metoda działa w środowisku Wijmo 5 FlexGrid. Możesz znaleźć porównanie online: here

Powiązane problemy