Si usamos tablas, lo mejor es aplicarle un poco de CSS para renderizarlas y hacer más rápida su velocidad de renderización. La propiedad es table-layout, y nos permite indicar si queremos que la tabla se dibuje con unos anchos fijos o dependientes del contenido.

Para ello, tenemos dos opciones:

• .fixed_table {  
    table-layout: fixed;  
  }
  

Si elegimos el valor fixed, podremos dibujar las tablas de forma más rápida, pero el ancho de las celdas debe depender de las columnas y no del contenido de estas. Así que al no tener que mirar toda la tabla, la renderización se hace más rápida.

Se recomienda usarlo cuando las tablas son muy grandes y tienen contenido parecido.

• .auto_table {
   table-layout: auto;
   }  

El valor auto depende del contenido de las celdas, así que, a diferencia de la anterior, hace falta leer toda la tabla, por lo que su renderización es mucho menos rápida.

Se recomienda usar cuando las tablas tienen contenido muy distinto o son tablas con pocas filas.

Vía | Sentidoweb

Compartir/Guardar