Участник:Gevron/Таблицы

{| class="wikitable" style="width:50%;"
! Заголовок 1
! Заголовок 2 
|-
| Ячейка 1
| Ячейка 2
|}

Заголовок 1	Заголовок 2
Ячейка 1	Ячейка 2

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

• {| — открывает таблицу.
  • Все остальные элементы должны идти только после него.
  • Можно указать класс.
  • Можно указать стиль.
  • Можно указать идентификатор.
• ! — заголовок таблицы.
  • Можно использовать несколько подряд.
  • Можно указать класс.
  • Можно указать стиль.
  • Можно указать идентификатор.
  • Можно добавить содержимое для его отображения.
• | — ячейка таблицы.
  • Можно использовать несколько подряд.
  • Можно указать класс.
  • Можно указать стиль.
  • Можно указать идентификатор.
  • Можно добавить содержимое для его отображения.
• |- — разделитель строк таблицы.
  • Делит ячейки и заголовки по строкам.
  • Можно указать класс.
  • Можно указать стиль.
  • Можно указать идентификатор.
• |} — закрывает таблицу.
  • Все остальные элементы должны идти только перед ним.

Начало таблицы

Любая таблица начинается с пустой строки кодом {|. К нему может быть добавлены…

• class="название_класса" — классы, влияющие на оформление и функционал таблицы;
• id="название идентификатора" — идентификатор, который мог бы влиять на оформление, но это не настроено и потому не влияет;
• style="название-стиля:значение;" — т. н. внутристрочные стили, характерные для всего тела таблицы и частично наследуемые строками и ячейками самой таблицы.

Может быть использовано несколько классов одновременно, для чего они указываются через пробел. Порядок классов может иметь значение!

Доступные функциональные классы:

• sortable — включает сортировку для таблицы. Требует правильной разметки обычных ячеек и заглавных! Настоятельно не рекомендуется из-за обилия нюансов использования!
• mw-collapsible — включает сворачиваемость таблицы. Предполагается, что первая строка будет только из заглавных ячеек, а остальные строки будут только из простых ячеек. Не рекомендуется использовать новичкам.
  • mw-collapsed — делает сворачиваемую таблицу свёрнутой изначально. Не должно быть использовано без спроса!
• sticky-head — делает весь заголовок или хотя бы первую строку плавающей, что может быть полезно для длинных таблиц, где важно постоянно видеть заголовок, например тут: броня. Так же имеет дополнительное стили специально для заголовков подобных в статье о броне.

Доступные общие стилевые классы:

• wikitable — создаёт простую табличку с аккуратными тонкими границами. Рекомендуется в большинстве случаев. Не совместимо с классом items-table.
• items-table — создаёт сложную табличку с упоротыми жирными границами. Рекомендуется для списка предметов. Не совместимо с классом wikitable.
  • Классы-схемы окраски указанные в разделе §Цветовые классы. Только один класс на выбор.
  • regular — убирает автоматическое изменение стилей первой в строке ячейки.
  • emag-table — делает текст во стором столбце центрированным.
  • weapon-table / armor-table — делает текст во всех ячейках кроме последней центрированным и жирным. На данный момент нет разницы между тем какой класс из двух указывать.
  • proto-table — то же что и предыдущий класс, но также меняет фон каждой третьей ячейки в строке.

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

Стили могут быть использованы как самостоятельно так и дополнять или переписывать стили применяемые классами. Стилей может быть указано несколько без ограничений, разделяемых друг от друга точкой с запятой ; и желательно пробелом для удобочитаемости. Значение каждого стиля указывается через двоеточие после его название. Например, таблица с шириной в половину ширины страницы будет вызвана так: {| style="width:50%;"

Строки и ячейки

Объединение ячеек по строкам

Объединять ячейки можно по строкам с помощью colspan.

{| class="wikitable"
! colspan="2" | Заголовок 1
|-
| Ячейка 1
| Ячейка 2
|}

Заголовок 1
Ячейка 1	Ячейка 2

Объединение ячеек по столбцам

Объединять по столбцам — с помощью rowspan.

{| class="wikitable"
! rowspan="2" | Заголовок 1
! Заголовок 2 
|-
| Ячейка 2
|}

Заголовок 1	Заголовок 2
	Ячейка 2

Сворачивание таблицы

Сворачивание таблицы производится с помощью класса mw-collapsible. Не рекомендуется злоупотреблять этой функцией.

{| class="wikitable mw-collapsible"
! Заголовок 1
|-
| Ячейка 1
|}

Заголовок 1
Ячейка 1

Изначально свёрнутая таблица

Изначально свёрнутой таблица делается добавлением также класса mw-collapsed. Настоятельно не рекомендуется использовать в подавляющем большинстве случаев!

{| class="wikitable mw-collapsible mw-collapsed"
! Заголовок 1
|-
| Ячейка 1
|}

Заголовок 1
Ячейка 1

Разные цвета строк

{| class="items-table colors-secure"
! width="20%" | Заголовок первого столбца
! Заголовок второго столбца
|-
| Ячейка первого столбца, второй строки
| Ячейка второго столбца, второй строки
|- class="colors-suply"
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}

Заголовок первого столбца	Заголовок второго столбца
Ячейка первого столбца, второй строки	Ячейка второго столбца, второй строки
Ячейка первого столбца, третьей строки	Ячейка второго столбца, третьей строки

Титульная ячейка

Мы можем задать титульное оформление для ячейки отличной от первой в строке. Для этого используется класс capital.

{| class="items-table colors-command"
! width="20%" | Заголовок первого столбца
! Заголовок второго столбца
|-
| Ячейка первого столбца, второй строки
| class="capital" | Ячейка второго столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}

Заголовок первого столбца	Заголовок второго столбца
Ячейка первого столбца, второй строки	Ячейка второго столбца, второй строки
Ячейка первого столбца, третьей строки	Ячейка второго столбца, третьей строки

Отключение титульных ячеек

Или наоборот убрать оформление первого столбца используя класс regular. В этом случае, класс можно указать для всей таблицы.

{| class="items-table colors-lava" style="width:40%;"
! Заголовок первого столбца
|-
| class="regular"| Ячейка первого столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
|}

Заголовок первого столбца
Ячейка первого столбца, второй строки
Ячейка первого столбца, третьей строки