##master-page:HelpOnTables ##master-date:2010-01-18T14:03:23Z #acl -All:write Default #format wiki #language ru == Синтаксис таблицы == Для создания таблицы достаточно указать в начале и конце строки «`||`». Между этим двумя маркерами можно создавать произвольное количество ячеек, разделяя их «`||`». Для создания ячейки, которая является объединением нескольких, достаточно указать маркер разделения ячеек в её начале необходимое число раз; при этом текст в ячейке по умолчанию будет выравнен по центру. Несколько строк подряд с одним уровнем отступа объединяются в одну таблицу. Для дополнительной информации по синтаксису см. КакРедактировать. === Атрибуты таблицы === Помимо повторения маркеров ячеек для получения объединённых ячеек, возможно указать ряд других атрибутов HTML-таблицы. Любые атрибуты должны располагаться между угловыми скобками {{{<...>}}} непосредственно после маркера ячейки. Вики-подобная разметка имеет следующие опции: * {{{<-2>}}} — объединение ячеек в одной строке * {{{<|2>}}} — объединение ячеек в одном столбце * {{{<style="...">}}} — поместить информацию о стиле ячейки (td) * {{{<rowstyle="...">}}} — поместить информацию о стиле ряда (tr) * {{{<tablestyle="...">}}} — поместить информацию о стиле таблицы (table) * {{{<class="...">}}} — задать класс CSS для ячейки (td) * {{{<rowclass="...">}}} — задать класс CSS для строки (td) * {{{<tableclass="...">}}} — задать класс CSS для таблицы (td) * {{{<id="...">}}} — задать CSS id для ячейки (td) Стилей полностью хватает для оформления таблиц. Просто используйте стиль CSS, и он будет включён в генерируемый HTML-тэг. В качестве альтернативы, и администратор, и пользователь (администратор - в файле темы, пользователь через пользовательские настройки) могут расширять CSS мойна собственными определениями, и пользователи могут ссылаться на них, используя class или id. Можно использовать несколько опций одновременно, записывая их подряд в одни и те же угловые скобки (например, <tablestyle="..." rowstyle="..."> в первой клетке, чтобы установить сразу и стиль всей таблицы, и стиль первого ряда). Мы по-прежнему поддерживаем старую разметку таблиц, но эффект достижим указанием дополнительных опций к параметру `style`: * {{{<50%>}}}: cell width (добавит `width: 50%;` к стилю) * {{{<width="50%">}}}: тоже самое * {{{<tablewidth="100%">}}}: ширину таблицы на 100% (сработает только в первом ряду таблицы) * {{{<(>}}}: выравнено влево ( добавит `text-align: left;` к стилю) * {{{<:>}}}: по центру ( добавит`text-align: center;` к стилю) * {{{<)>}}}: в право ( добавит`text-align: right;` к стилю) * {{{<^>}}}: вверх ( добавит`vertical-align: top;` к стилю) * {{{<v>}}}: вниз ( добавит`vertical-align: bottom;` к стилю) * {{{<#XXXXXX>}}}: цвет фона ( добавит `background-color: #XXXXXX;` к стилю) * {{{<bgcolor="#XXXXXX">}}} тоже самое * {{{<rowbgcolor="#XXXXXX">}}} цвет фона ряда (сработает только в первом ряду таблицы) * {{{<tablebgcolor="#XXXXXX">}}} цвет фона таблицы Если вы используете несколько конфликтующих опций типа {{{<(:)>}}} - победит последняя. Нет точной опции для вертикального центрирования (''middle''), так как она всегда установлена по умолчанию. === Пример === {{{ НОВЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции:: ||||||<tablestyle="width: 80%">'''Заголовок'''|| ||ячейка 1||ячейка 2||ячейкаl 3|| ||<rowspan=2> объединение 2 рядов||||<style="background-color: #E0E0FF;"> объединение 2 колонок|| ||<rowstyle="background-color: #FFFFE0;">ячейка 2||ячейка 3|| Ширина ячейки:: || узкая ||<style="width: 99%; text-align: center;"> широкая || Объединение рядов и колонок:: ||<|2> 2 ряда || ряд 1 || || ряд 2 || ||<-2> ряд 3 на 2 колонки || Выравнивание:: ||<style="text-align: left"> влево ||<|3 style="vertical-align: top;"> вверх ||<|3 style="vertical-align: bottom;"> вниз || ||<style="text-align: center;"> по центру || ||<style="text-align: right;"> вправо || Шрифты:: || обычный ||<style="font-weight: bold;"> жирный ||<style="color: #FF0000;"> красный ||<style="color: #FF0000; font-weight: bold;"> жирный || Цвета:: ||<style="background-color: red;"> красный ||<style="background-color: green;"> зеленый ||<style="background-color: blue;"> синий || СТАРЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции:: ||||||<tablewidth="80%">'''Заголовок'''|| ||ячейка 1||ячейка 2||ячейка 3|| ||<rowspan=2> объединение рядов||||<bgcolor='#E0E0FF'> объединение на 2 колонки|| ||<rowbgcolor="#FFFFE0">ячейка 2||ячейка 3|| Ширина ячейки:: || узкая ||<:99%> широкая || Объединение рядов и колонок:: ||<|2> 2 ряда || ряд 1 || || ряд 2 || ||<-2> ряд 3 на 2 колонки || Выравнивание:: ||<(> влево ||<^|3> вверх ||<v|3> вниз || ||<:> по центру || ||<)> вправо || Цвета:: ||<#FF8080> красный ||<#80FF80> зеленый ||<#8080FF> синий || }}} === Отображение === НОВЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции:: ||||||<tablestyle="width: 80%">'''Заголовок'''|| ||ячейка 1||ячейка 2||ячейкаl 3|| ||<rowspan=2> объединение 2 рядов||||<style="background-color: #E0E0FF;"> объединение 2 колонок|| ||<rowstyle="background-color: #FFFFE0;">ячейка 2||ячейка 3|| Ширина ячейки:: || узкая ||<style="width: 99%; text-align: center;"> широкая || Объединение рядов и колонок:: ||<|2> 2 ряда || ряд 1 || || ряд 2 || ||<-2> ряд 3 на 2 колонки || Выравнивание:: ||<style="text-align: left"> влево ||<|3 style="vertical-align: top;"> вверх ||<|3 style="vertical-align: bottom;"> вниз || ||<style="text-align: center;"> по центру || ||<style="text-align: right;"> вправо || Шрифты:: || обычный ||<style="font-weight: bold;"> жирный ||<style="color: #FF0000;"> красный ||<style="color: #FF0000; font-weight: bold;"> жирный || Цвета:: ||<style="background-color: red;"> красный ||<style="background-color: green;"> зеленый ||<style="background-color: blue;"> синий || СТАРЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции:: ||||||<tablewidth="80%">'''Заголовок'''|| ||ячейка 1||ячейка 2||ячейка 3|| ||<rowspan=2> объединение рядов||||<bgcolor='#E0E0FF'> объединение на 2 колонки|| ||<rowbgcolor="#FFFFE0">ячейка 2||ячейка 3|| Ширина ячейки:: || узкая ||<:99%> широкая || Объединение рядов и колонок:: ||<|2> 2 ряда || ряд 1 || || ряд 2 || ||<-2> ряд 3 на 2 колонки || Выравнивание:: ||<(> влево ||<^|3> вверх ||<v|3> вниз || ||<:> по центру || ||<)> вправо || Цвета:: ||<#FF8080> красный ||<#80FF80> зеленый ||<#8080FF> синий || ==== Стиль ячеек без рамки ==== {{{ ||<style="border:none;"> строка 1|| ||<style="border:none;"> строка 2|| }}} ||<style="border:none;"> строка 1|| ||<style="border:none;"> строка 2|| === Вставка данных в таблицы из других источников === * значения разделенные запятыми, см. [[ПомощьПоПарсерам#csvparser]] * вставка страниц вики, см. [[ПомощьПоМакроКомандам/Include]] === Списки и другое сложное форматирование в ячейках таблицы === {{attachment:MiniPage.png}} * См. [[MoinMoin:MacroMarket/MiniPage|макрокоманду MiniPage]]