table-layout
Establece una cadena que indica si el diseño de tabla es fijo.
Sintaxis
{ table-layout: sLayout }
Valores posibles
sLayout
Cadena que especifica o recibe uno de los valores siguientes:
auto |
Valor predeterminado. El ancho de columna se establece en función del contenido más ancho de las celdas de columna sin salto. |
fixed |
Los anchos de tabla y de columna se establecen mediante la suma de los anchos de los objetos COL, o bien, si estos objetos no se especifican, mediante el ancho de la primera fila de celdas. Si no se ha especificado ningún ancho para la tabla, se representa de forma predeterminada con width=100%. |
La propiedad tiene el valor predeterminado auto. No se hereda.
Observaciones
Puede optimizar el rendimiento de representación de una tabla si especifica la propiedad table-layout. Esta propiedad hace que los exploradores representen las filas de una tabla una por una y, por consiguiente, se proporciona información a los usuarios más rápido. La propiedad table-layout determina los anchos de columna de una tabla en el siguiente orden:
Mediante el uso de la información de la propiedad width para el elemento COL o COLGROUP.
Mediante el uso de la información de la propiedad width para los elementos TD de la primera fila.
Mediante una división por igual de las columnas de la tabla, sin tener en cuenta el tamaño del contenido.
Si el contenido de una celda es superior al ancho fijo de la columna, el contenido se ajusta; si no es posible ajustarlo, se recorta. Si la propiedad table-layout está establecida en fixed, se puede usar la propiedad overflow para el contenido que supere el ancho de un elemento TD. Si se especifica el alto de fila, el texto ajustado se recorta en caso de que supere el alto establecido.
El establecimiento de la propiedad en fixed mejora en gran medida la velocidad con que se representan las tablas, especialmente las más grandes.
El establecimiento del alto de fila mejora ulteriormente la velocidad de representación, ya que permite al analizador del explorador empezar a representar la fila sin tener que examinar el contenido de las distintas celdas de la fila para determinar el alto de la fila.
Ejemplo
En este ejemplo se usa la propiedad de hoja de estilos en cascada para establecer el diseño de la tabla en fixed:
<table style="table-layout:fixed" width=600>
<col width=100><col width=300><col width=200>
<tr height=20>
<td>...</td><td>...</td><td>...</td>
</tr>
:
</table>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)).
Aplicable a
TABLE