Синтаксис таблицы
Для создания таблицы достаточно указать в начале и конце строки «||». Между этим двумя маркерами можно создавать произвольное количество ячеек, разделяя их «||». Для создания ячейки, которая является объединением нескольких, достаточно указать маркер разделения ячеек в её начале необходимое число раз; при этом текст в ячейке по умолчанию будет выравнен по центру. Несколько строк подряд с одним уровнем отступа объединяются в одну таблицу.
Для дополнительной информации по синтаксису см. КакРедактировать.
Атрибуты таблицы
Помимо повторения маркеров ячеек для получения объединённых ячеек, возможно указать ряд других атрибутов 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 - подобные опции
Заголовок
ячейка 1
ячейка 2
ячейкаl 3
объединение 2 рядов
объединение 2 колонок
ячейка 2
ячейка 3
- Ширина ячейки
узкая
широкая
- Объединение рядов и колонок
2 ряда
ряд 1
ряд 2
ряд 3 на 2 колонки
- Выравнивание
влево
вверх
вниз
по центру
вправо
- Шрифты
обычный
жирный
красный
жирный
- Цвета
красный
зеленый
синий
- СТАРЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции
Заголовок
ячейка 1
ячейка 2
ячейка 3
объединение рядов
объединение на 2 колонки
ячейка 2
ячейка 3
- Ширина ячейки
узкая
широкая
- Объединение рядов и колонок
2 ряда
ряд 1
ряд 2
ряд 3 на 2 колонки
- Выравнивание
влево
вверх
вниз
по центру
вправо
- Цвета
красный
зеленый
синий
Стиль ячеек без рамки
||<style="border:none;"> строка 1|| ||<style="border:none;"> строка 2||
строка 1 |
строка 2 |
Вставка данных в таблицы из других источников
значения разделенные запятыми, см. ПомощьПоПарсерам#csvparser
вставка страниц вики, см. ПомощьПоМакроКомандам/Include