Imposta l'attributo tableLayout

Definizione e uso

tableLayout Imposta o restituisce il modo in cui vengono impostati il layout delle celle, delle righe e delle colonne della tabella.

Vedi anche:

Corso CSS:Tabella CSS

Manuale CSS:Proprietà table-layout

Esempio

Esempio 1

Imposta il layout della tabella fissa:

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

Prova a te stesso

Esempio 2

Restituisce il layout della tabella:

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

Prova a te stesso

Sintassi

Restituisce l'attributo tableLayout:

oggetto.style.tableLayout

Imposta l'attributo tableLayout:

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

Valore dell'attributo

Valore Descrizione
auto

La larghezza delle colonne è determinata dal contenuto più largo che non può essere interrotto. Predefinito.

Questo layout a volte è lento perché è necessario accedere a tutto il contenuto prima di visualizzare completamente la tabella.

fixed

La larghezza delle colonne è determinata dalla larghezza della tabella e della larghezza della colonna (non dal contenuto delle celle)

fixed è più veloce rispetto al layout automatico perché una volta ricevuta la prima riga, l'agente utente può iniziare a visualizzare la tabella.

initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Stringa che rappresenta l'algoritmo di layout della tabella utilizzato per la tabella.
Versione CSS: CSS2

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto