Help:Tables/ru

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

Вики-разметка таблиц

 * Вышеприведенные знаки должны начинаться с новой строки, кроме двойных  и   для последовательности ячеек.
 * Атрибуты XHTML. Каждый знак разметки, кроме конца таблицы, может иметь при себе один или несколько атрибутов XHTML.
 * У ячеек и заголовка ( или ,   или  , и  ) есть содержимое. Содержимое от атрибутов тэга отделяется вертикальной чертой . Содержимое может располагаться в той же строке или в следующих строках.
 * Маркеры таблицы и строк ( and  ) напрямую не содержат контента. Не добавляйте конвейеры  после их необязательных аттрибутов. Если вы добавите его по ошибке к маркеру таблицы или строки, парсер удалит его и аттрибут может присоединиться к неверному конвейеру (маркеру).
 * Содержимое может располагаться а) за знаком ячейки в той же строке после необязательных XHTML атрибутов или б) на строках под знаком ячейки. Содержимое, использующее вики-разметку, которая должна сама начинаться с новой строки, например, списки, заголовки или вложенные таблицы, разумеется, должно начинаться с новой строки.
 * Конвейер в качестве символа. Для того, чтобы вставить конвейер в качестве символа в таблицу, используйте экранирование &lt;nowiki&gt; &lt;/nowiki&gt;.

Основы
В нижеприведенной таблице нет границ и правильной разбивки, она демонстрирует простейшую табличную структуру с вики-разметкой.

{| width="100%" ! style="width: 50%;" |Вы пишете ! style="width: 50%;" |Вы видите
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Ячейки в одной строке могут быть размещены на одной линии, разделённые знаками  (два символа конвейера). Если текст в ячейке должен содержать разрыв строки, то следует использовать  вместо перевода строки.

Альтернатива
Для более табличного вида ячейки можно записывать в одну строчку, разделяя их ||. Это выглядеть хуже в случае большого содержимого, например, целых абзацев. Однако, это хорошо подходит для небольших данных, как в таблице из примера.

Внутри вики-разметки можно ставить дополнительные пробелы, как в примере ниже, чтобы сама разметка смотрелась лучше, но на вид таблицы-результата это не повлияет.

В эту таблицу можно было бы добавить HTML атрибуты, но для простоты обойдёмся без них.

С HTML атрибутами
Вы можете добавить HTML атрибуты, чтобы таблица смотрелась лучше

border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="center" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="right" border="1"
Вы можете указывать атрибуты для отдельных ячеек. Например, числа лучше выравнивать по правому краю. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Можно использовать атрибуты в отдельных строках.

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

С HTML атрибутами и стилями CSS
Стили CSS можно использовать вместе с другими HTML атрибутами или отдельно.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Таблица с заголовками TH
Для создания TH (заглавной ячейки таблицы в HTML) используйте ! вместо |. Заглавная ячейка обычно выделяется жирным и центрирована по умолчанию.

В каждом столбце
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

По умолчанию
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Выравнивание вправо
Заголовки строк, выровненные вправо, можно сделать так: {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Заглавие таблицы
Заглавие наверху таблицы можно добавить так: {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

В заглавие тоже можно добавить атрибуты.

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Заголовки H1, H2, H3 и т.д.
HTML-заголовки H1, H2, H3, H4 и т.д. могут быть созданы с помощью обычной вики-разметки со знаками ==равенства== и должны быть целиком в одну строку.

Предпросмотр всей таблицы. Если вы нажмёте на кнопку правки внутри таблицы, и в режиме редактирования выберите предпросмотр, таблица отобразится неправильно, так как часть её отсутствует.

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

{| width="100%" {| border="1" cellpadding="20" cellspacing="0"
 * width="50%"|
 * colspan="2"|

Вкуснейшие
{| border="3" cellpadding="20" cellspacing="0"
 * Апельсин
 * Яблоко
 * Хлеб
 * Булка
 * Масло
 * Мороженое
 * }
 * width="50%"|
 * Мороженое
 * }
 * width="50%"|
 * colspan="2"|

Вкуснейшие

 * Апельсин
 * Яблоко
 * Хлеб
 * Булка
 * Масло
 * Мороженое
 * }
 * Масло
 * Мороженое
 * }
 * }

Отрицательные числа
Отрицательные числа или знак минус (обозначающий отсутствие какого-либо значения) может нарушить таблицу, если ячейка начинается с новой строки (|-6), потому что это воспринимается вики как начало новой строки в таблице, а не новой ячейки. Чтобы избежать такой проблемы, ставьте пробел перед минусом (| -6) или воспользуйтесь внутристроковой разметкой (||-6).