Справка:Как создать таблицу

Общие положения

• Таблицы - достаточно удобная форма представления информации, хотя и не всегда. В некоторых случаях удобнее представить материал в виде вложенных уровневых списков.
• Если в результате использования таблицы улучшается визуальное восприятие материала, тогда они вполне оправданы.
• Не усложняйте без надобности таблицы. Менее опытным пользователям будет легче разобраться в ней, если понадобится ее правка или дополнения новыми данными.
• Важно, чтобы в создаваемой вами таблице присутствовала смысловая связь между столбцами и строками.
• Старайтесь сортировать информацию в таблицах по алфавиту, порядковому номеру, дате или группировать по направлениям.

Простейшая таблица

• Любая таблица в wiki-разметке начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }.
• Каждая ячейка строки начинается с вертикальной черты |, после которой пишется её содержание.

Пример:

Исходный код таблицы с одной строкой:		На странице это будет выглядеть так:
{| |Ячейка 1 |Ячейка 2 |Ячейка 3 |}		Ячейка 1 Ячейка 2 Ячейка 3

Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.

Пример:

Исходный код таблицы в две строки:		На странице это будет выглядеть так:
{| |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |}		Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Пример:

Исходный код таблицы в три строки:		На странице это будет выглядеть так:
{| |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |- |Ячейка 1*3 |Ячейка 2*3 |Ячейка 3*3 |}		Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

И так далее...

Название таблицы

Если у таблицы должно отображаться название, вставьте следующий код:

Исходный код таблицы с названием:		На странице это будет выглядеть так:
{| |+ Название таблицы |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |- |}		Название таблицы Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Табличные рамки

Атрибут Border

• Тип рамки и ее вид описывается в первой строке, сразу после символов {|.
• Не забудьте, что между ними и атрибутом должен быть пробел.
• Толщина линий рамки задаётся атрибутом border="n", где "n" — толщина линии:

Исходный код:		На странице это будет выглядеть так:
{| border="1" |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |}		Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Примеры таблиц с различным параметром border:

border="0"	border="1"	border="2"	border="3"	border="5"
Ячейка 1*1 Ячейка 2*1 Ячейка 1*2 Ячейка 2*2	Ячейка 1*1 Ячейка 2*1 Ячейка 1*2 Ячейка 2*2	Ячейка 1*1 Ячейка 2*1 Ячейка 1*2 Ячейка 2*2	Ячейка 1*1 Ячейка 2*1 Ячейка 1*2 Ячейка 2*2	Ячейка 1*1 Ячейка 2*1 Ячейка 1*2 Ячейка 2*2

Атрибут Class

• Изменять оформление рамки таблицы также можно с помощью атрибута class.
• Подробнее об этом см. в статье на Википедии: «Классы таблиц».
• Как правило, обычно лучше использовать class="wikitable":

Исходный код:		На странице это будет выглядеть так:
{| class="wikitable" |+ Класс "wikitable" !Заголовок 1 !Заголовок 2 !Заголовок 3 |- |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |}		Класс "wikitable" Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Таблица с прозрачным фоном

Если необходимо, чтобы фон таблицы был прозрачным, используйте тег style с параметром: style=background:transparent;"

Пример:

Исходный код таблицы с прозрачным фоном:		На странице это будет выглядеть так:
{| style="background:transparent;" |Ячейка 1 |Ячейка 2 |Ячейка 3 |}		Ячейка 1 Ячейка 2 Ячейка 3

Стили оформления

Стили позволяют достаточно гибко отформатировать таблицу, используя специальные коды.

Ниже в качестве примера показан код, который позволяет обрамить таблицу рамкой с заокругленными краями:

Исходный код таблицы с одной строкой:		На странице это будет выглядеть так:
{| style="background-color:transparent; height:9px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px; border:1px solid #7b603a; border-top:1; padding:12px 12px 8px; margin-bottom:2ex; -webkit-border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft:7px; border-bottom-right-radius:7px; border-bottom-left-radius:7px" |Ячейка 1 |Ячейка 2 |Ячейка 3 |}		Ячейка 1 Ячейка 2 Ячейка 3

Код достаточно громозкий, в связи с чем был создан специальный шаблон FrameRadius

Сравните код с использованием этого шаблона:

Исходный код таблицы:		На странице это будет выглядеть так:
{| style={{FrameRadius}} |Ячейка 1-1 |Ячейка 1-2 |Ячейка 1-3 |- |Ячейка 2-1 |Ячейка 2-2 |Ячейка 2-3 |}		Ячейка 1-1 Ячейка 1-2 Ячейка 1-3 Ячейка 2-1 Ячейка 2-2 Ячейка 2-3

Этот шаблон работает также и для отдельных ячеек:

Исходный код таблицы:		На странице это будет выглядеть так:
{| style="background-color:transparent;" | style={{FrameRadius}} |Ячейка 1-1 | style={{FrameRadius}} |Ячейка 1-2 | style={{FrameRadius}} |Ячейка 1-3 |- | style={{FrameRadius}} |Ячейка 2-1 | style={{FrameRadius}} |Ячейка 2-2 | style={{FrameRadius}} |Ячейка 2-3 |}		Ячейка 1-1 Ячейка 1-2 Ячейка 1-3 Ячейка 2-1 Ячейка 2-2 Ячейка 2-3

Выравнивание по правому краю

Столбец 1, строка 1	Столбец 2, строка 1 (и 2)	Столбец 3, строка 1
Столбец 1, строка 2		Столбец 3, строка 2

Если необходимо разместить таблицу в правой части таблицы и при этом обеспечить ее обтекание текстом слева, вы можете использовать следующий код:

{| align="right" class="wikitable"
 | Столбец 1, строка 1 
 | rowspan="2" | Столбец 2, строка 1 (и 2) 
 | Столбец 3, строка 1 
 |- 
 | Столбец 1, строка 2 
 | Столбец 3, строка 2 
 |}

Сортировка

Исходный код:		На странице это будет выглядеть так:
{| class="wikitable sortable" |- !Name Perk !Название !Уровень |- |Animal Friend |Друг животных |10 |- |Bloody Mess |Кровавая баня |6 |- |Entomologist |Энтомолог |4 |- |Commando |Коммандо |8 |- |Infiltrator |Домушник |18 |}		Name Perk Название Уровень Animal Friend Друг животных 10 Bloody Mess Кровавая баня 6 Entomologist Энтомолог 4 Commando Коммандо 8 Infiltrator Домушник 18

Пример сложной таблицы

Исходный код:		На странице это будет выглядеть так:
{| class="wikitable" width="270" style="background:#F1E3C6; font-size:80%" |- ! style="background:#826941; color:white" colspan="4" | ИНФОРМАЦИЯ О КНИГЕ: |- style="background:#624921" | colspan="4" | [[image:OblivionLibrary.jpg|264px]] |- ! style="background:#826941; color:white" colspan="4"| Локации: |- | colspan="4" | <center>'''Может быть найдена:'''</center> : Balmora, Dorisa Darvel: Bookseller : Balmora, Guild of Mages : Molag Mar, Redoran Stronghold : Sadrith Mora, Tel Naga Upper Tower : Vivec, Guild of Mages : Wolverine Hall, Mage's Guild : Other, random loot |- ! style="background:#826941; color:white" colspan="4"| Смотрите также: |- | colspan="4" | : [[Morrowind Книга:Galerion The Mystic|'''Morrowind - английская версия''']] : [[Daggerfall Книга:Галерион Мистик|'''Daggerfall-версия''']] : [[Oblivion Книга:Галерион Мистик|'''Oblivion-версия''']] : [[Lore Книга:Галерион Мистик|'''Lore-версия''']] |- ! style="background:#826941; color:white" colspan="4" | Данные TES 3 Construction Set: |- ! style="background:#826941; width:20%; color:white" | ID: | width="85%" colspan="3"| bk_galerionthemystic |- ! style="background:#826941; width:20%; color:white" | Название: | width="85%" colspan="3"| Галерион Мистик |- ! style="background:#826941; width:20%"| [[image:OBValueIcon small.png]] ! style="background:#F1E3C6; width:30%"| 50 ! style="background:#826941; width:20%"| [[image:OBWeightIcon_small.png]] ! style="background:#F1E3C6; width:30%"| 3.0 |- ! style="background:#826941; color:white; width:20%"| Persists: ! style="background:#F1E3C6; width:30%"| no ! style="background:#826941; color:white; width:20%"| Blocked: ! style="background:#F1E3C6; width:30%"| no |- ! style="background:#826941; color:white; width:20%"| Count: ! style="background:#F1E3C6; width:30%"| 9 ! style="background:#826941; color:white; width:20%"| Scroll: ! style="background:#F1E3C6; width:30%"| no |- ! style="background:#826941; color:white; width:20%"| Enchantment: ! style="background:#F1E3C6; width:30%"| 0 ! style="background:#826941; color:white; width:20%"| Enchanting: ! style="background:#F1E3C6; width:30%"| no |- ! style="background:#826941; color:white; width:20%"| Квест: | width="80%" colspan="3"| Нет квеста |- ! style="background:#826941; color:white; width:20%"| Скрипт: | width="80%" colspan="3"| Нет скрипта |- ! style="background:#826941; color:white; width:20%"| Обучение: | width="80%" colspan="3"| Нет |- ! style="background:#826941; color:white; width:20%"| Модель NIF: | width="80%" colspan="3"| m\Text_Octavo_07.nif |- ! style="background:#826941; color:white; width:20%"| Иконка: | width="80%" colspan="3"| m\Tx_book_01.tga |- |}		ИНФОРМАЦИЯ О КНИГЕ: Локации: Может быть найдена: Balmora, Dorisa Darvel: Bookseller Balmora, Guild of Mages Molag Mar, Redoran Stronghold Sadrith Mora, Tel Naga Upper Tower Vivec, Guild of Mages Wolverine Hall, Mage's Guild Other, random loot Смотрите также: Morrowind - английская версия Daggerfall-версия Oblivion-версия Lore-версия Данные TES 3 Construction Set: ID: bk_galerionthemystic Название: Галерион Мистик 50 3.0 Persists: no Blocked: no Count: 9 Scroll: no Enchantment: 0 Enchanting: no Квест: Нет квеста Скрипт: Нет скрипта Обучение: Нет Модель NIF: m\Text_Octavo_07.nif Иконка: m\Tx_book_01.tga