- ¿Cómo muestro grandes datos en una tabla en HTML??
- ¿Cómo oculto el texto de desbordamiento en una celda de mesa??
- ¿Cómo se impide que una celda se expanda en una mesa??
¿Cómo muestro grandes datos en una tabla en HTML??
TL; DR - Para acelerar la carga de una tabla HTML grande en el cliente, comience con la tabla CSS establecida para mostrar: Ninguno; . Una vez que el documento esté listo, configúrelo para mostrar: tabla; . Esto redujo mi tiempo de renderizado del lado del cliente de 60 segundos a 6 segundos en una tabla con ~ 400,000 celdas.
¿Cómo oculto el texto de desbordamiento en una celda de mesa??
Para usar la propiedad de desbordamiento CSS con su valor "oculto" en el HTML <TD> elemento, debe establecer la propiedad de la capa de tabla con el valor "fijo" y un ancho apropiado en el <mesa> elemento. Luego, debe agregar la propiedad de desbordamiento establecida a la propiedad "oculta" y de espacio blanco configurado en "Nowrap" en la celda de la tabla.
¿Cómo se impide que una celda se expanda en una mesa??
Para evitar que las celdas (filas) se expandan verticalmente, debe establecer una altura fija para las filas de la mesa. Seleccione las filas relevantes y, en la pestaña de diseño de herramientas de tabla, haga clic en Propiedades.