table-layout

Обновлено: 30.05.2022

table-layout

Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом.

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К тегу <table> или к элементу, у которого значение display установлено как table или inline-table.
Анимируется Нет

Синтаксис

table-layout: auto | fixed

Значения

auto Браузер загружает всю таблицу, анализирует её для определения размеров ячеек и только после этого отображает.
fixed Ширина колонок в этом случае определяется либо с помощью элемента <col>, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы по каким-либо причинам получить невозможно, в этом случае таблица делится на колонки равной ширины. При использовании этого значения, содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет. Для корректной работы этого значения обязательно должна быть задана ширина таблицы.

Пример

Объектная модель

Объект.style.tableLayout

Браузеры

table-layout

Посмотреть совместимость на Can I use?

table-layout