Estilo de propiedad tableLayout

Definición y uso

tableLayout Configura o devuelve el modo de disposición de celdas, filas y columnas de la tabla.

Vea también:

Tutoriales de CSS:Cuadros CSS

Manual de referencia de CSS:Propiedad table-layout

Ejemplo

Ejemplo 1

Configurar el diseño de tabla fija:

document.getElementById("myTable").style.tableLayout = "fixed";

Pruebe usted mismo

Ejemplo 2

Devolver el diseño de la tabla:

alert(document.getElementById("myTable").style.tableLayout);

Pruebe usted mismo

Sintaxis

Devolver la propiedad tableLayout:

objeto.style.tableLayout

Configurar la propiedad tableLayout:

objeto.style.tableLayout = "auto|fixed|initial|inherit"

Valor de la propiedad

Valor Descripción
auto

El ancho de la columna se establece por el contenido más ancho que no puede ser roto. Predeterminado.

Este diseño a veces es lento, porque necesita acceder a todo el contenido antes de que la tabla se muestre completamente.
fixed

El ancho de la columna se establece por el ancho de la tabla y la columna (no el contenido de la celda)

fixed es más rápido que el diseño automático, porque una vez que el agente de usuario recibe la primera fila, puede comenzar a mostrar la tabla.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor de retorno: Cadena, que representa el algoritmo de diseño de disposición de tablas para la tabla.
Versión de CSS: CSS2

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte