Définir la propriété tableLayout

Définition et utilisation

tableLayout Définit la manière dont les cellules, les lignes et les colonnes du tableau sont mises en page.

Voir également :

Tutoriel CSS :Tableaux CSS

Manuel de référence CSS :Propriété table-layout

Exemple

Exemple 1

Définir la mise en page du tableau fixe :

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

Essayez-le vous-même

Exemple 2

Retourner la mise en page du tableau :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété tableLayout :

object.style.tableLayout

Définir la propriété tableLayout :

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

Valeur de l'attribut

Valeur Description
auto

La largeur des colonnes est déterminée par le contenu le plus large qui ne peut pas être brisé. Par défaut.

Ce type de mise en page peut être lent, car il faut accéder à tout le contenu avant que le tableau ne soit complètement affiché.
fixed

La largeur des colonnes est déterminée par la largeur du tableau et des colonnes (et non par le contenu des cellules).

fixed est plus rapide que l'auto-alignment, car une fois la première ligne reçue, l'agent utilisateur peut commencer à afficher le tableau.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Une chaîne, représentant l'algorithme de mise en page de tableau utilisé pour le tableau.
Version CSS : CSS2

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support