Me gustaría crear una tabla/lista HTML personalizada con muchas filas. Necesito virtualización de fila, pero no estoy seguro de cuál es la mejor manera de lograr esto.¿Cómo aplicar la virtualización de filas para una tabla/lista en HTML/CSS/JS?
Por virtualización de fila Me refiero al concepto en el que las filas de la tabla/ul/div no son visibles ni se representan en absoluto, siempre que no se desplacen a la vista. Básicamente, el objetivo es eliminar el renderizado si el elemento nunca se muestra (detrás de un rollo).
¿Alguna idea? Creo que los elementos DOM deben agregarse a la lista tan pronto como "se desplacen a la vista". Y luego necesitaría tener un div invisible con la altura de la altura total de todas las filas para hacer posible el desplazamiento.
¿Hay algún ejemplo de código simple que logre esto?
Supongo que la diferencia entre esto y la verdadera virtualización es que las páginas de desplazamiento infinito no eliminan elementos del DOM cuando se desplazan fuera de la pantalla. Al usar virtualización, los elementos DOM se agregan y eliminan activamente. –