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