##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]]