Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
table-layout

Значения свойства table-layout

fixed фиксированный алгоритм вывода таблиц
auto автоматический режим вывода таблиц

Фиксированный режим (fixed )

Данный алгоритм ускоряет загрузку таблицы. Поскольку загрузка таблицы в этом алгоритме не дожидается появления всего содержимого таблицы, загрузка зависит лишь от ширины таблицы, ширины столбцов и пространства между ячейками. В данном алгоритме загрузка начинается с первой строки, не дожидаясь остального содержимого таблицы. При этом ширина остальных ячеек таблицы определяется по ширине первой строки.

Автоматический режим (auto)

Данный алгоритм рассматривается спецификацией CSS2 как неэффективный, так как для того чтобы браузеру получить последний слой таблицы требуется дождаться загрузки всего содержимого таблицы для чего может потребоваться несколько запросов.

Ширина столбцов в данном режиме определяется следующим образом:

  1. Если ширина каждой ячейки, заданная значением свойства widh, больше минимальной ширины содержимого ячейки, то минимальная ширина будет соответствовать значению свойства width. Аналогичным образом вычисляется максимальное значение ширины ячейки;
  2. Для каждого столбца максимальная и минимальная ширина определяется следующим образом:
  3. Минимальная ширина определяется минимальной шириной ячейки данного столбца или значением свойства width установленного для всего столбца. Максимальная ширина определяется максимальной шириной ячейки данного столбца или значением свойства width установленного для всего столбца.
  4. Исключение из этих двух правил составляет случаи, когда ячейка охватывает несколько столбцов, в этом случае минимальная ширина ячейки возрастает и увеличивает минимальную ширину всего столбца.

Высота строк устанавливается свойством height, при этом минимальная высота строки определятся высотой ячейки. В CSS2 неопределенно относительно чего процентное значение свойства height устанавливается при использовании его для строк и групп строк.


Доступ и установка с jQuery

  • Получить свойство tableLayout: val = $("div").css("tableLayout");
  • Установить свойство tableLayout: $("div").css({"tableLayout":"..."});
  • Установить свойство tableLayout: $("div").css("tableLayout","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org