Участник:Gevron/Таблицы: различия между версиями

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
мНет описания правки
Строка 124: Строка 124:
|-
|-
| Общий || ''none'' || Если указан только <code>items-table</code>
| Общий || ''none'' || Если указан только <code>items-table</code>
|- class="items-table colors-secure"
|- class="colors-secure"
| Охранный || <code>colors-secure</code> || Если указан набор классов <code>items-table colors-secure</code>
| Охранный || <code>colors-secure</code> || Если указан набор классов <code>items-table colors-secure</code>
|- class="items-table colors-science"
|- class="colors-science"
| Научный || <code>colors-science</code> || Если указан набор классов <code>items-table colors-science</code>
| Научный || <code>colors-science</code> || Если указан набор классов <code>items-table colors-science</code>
|- class="items-table colors-service"
|- class="colors-service"
| Сервисный || <code>colors-service</code> || Если указан набор классов <code>items-table colors-service</code>
| Сервисный || <code>colors-service</code> || Если указан набор классов <code>items-table colors-service</code>
|- class="items-table colors-engine"
|- class="colors-engine"
| Инженерный || <code>colors-engine</code> || Если указан набор классов <code>items-table colors-engine</code>
| Инженерный || <code>colors-engine</code> || Если указан набор классов <code>items-table colors-engine</code>
|- class="items-table colors-command"
|- class="colors-command"
| Командный || <code>colors-command</code> || Если указан набор классов <code>items-table colors-command</code>
| Командный || <code>colors-command</code> || Если указан набор классов <code>items-table colors-command</code>
|- class="items-table colors-medik"
|- class="colors-medik"
| Медицинский || <code>colors-medik</code> || Если указан набор классов <code>items-table colors-medik</code>
| Медицинский || <code>colors-medik</code> || Если указан набор классов <code>items-table colors-medik</code>
|- class="items-table colors-suply"
|- class="colors-suply"
| Снабжающий || <code>colors-suply</code> || Если указан набор классов <code>items-table colors-suply</code>
| Снабжающий || <code>colors-suply</code> || Если указан набор классов <code>items-table colors-suply</code>
|- class="items-table colors-lava"
|- class="colors-lava"
| Планетарный || <code>colors-lava</code> || Если указан набор классов <code>items-table colors-lava</code>
| Планетарный || <code>colors-lava</code> || Если указан набор классов <code>items-table colors-lava</code>
|- class="items-table colors-synth"
|- class="colors-synth"
| Синтетический || <code>colors-synth</code> || Если указан набор классов <code>items-table colors-synth</code>
| Синтетический || <code>colors-synth</code> || Если указан набор классов <code>items-table colors-synth</code>
|- class="items-table colors-antag"
|- class="colors-antag"
| Антагонисткий || <code>colors-antag</code> || Если указан набор классов <code>items-table colors-antag</code>
| Антагонисткий || <code>colors-antag</code> || Если указан набор классов <code>items-table colors-antag</code>
|- class="items-table colors-cult"
|- class="colors-cult"
| Культистский || <code>colors-cult</code> || Если указан набор классов <code>items-table colors-cult</code>
| Культистский || <code>colors-cult</code> || Если указан набор классов <code>items-table colors-cult</code>
|- class="items-table colors-ratvar"
|- class="colors-ratvar"
| Ратваровский || <code>colors-ratvar</code> || Если указан набор классов <code>items-table colors-ratvar</code>
| Ратваровский || <code>colors-ratvar</code> || Если указан набор классов <code>items-table colors-ratvar</code>
|- class="items-table colors-xenom"
|- class="colors-xenom"
| Ксеноморфный || <code>colors-xenom</code> || Если указан набор классов <code>items-table colors-xenom</code>
| Ксеноморфный || <code>colors-xenom</code> || Если указан набор классов <code>items-table colors-xenom</code>
|- class="items-table colors-marine"
|- class="colors-marine"
| Марининский || <code>colors-marine</code> || Если указан набор классов <code>items-table colors-marine</code>
| Марининский || <code>colors-marine</code> || Если указан набор классов <code>items-table colors-marine</code>
|- class="items-table colors-wizard"
|- class="colors-wizard"
| Волшебный || <code>colors-wizard</code> || Если указан набор классов <code>items-table colors-wizard</code>
| Волшебный || <code>colors-wizard</code> || Если указан набор классов <code>items-table colors-wizard</code>
|- class="items-table colors-abductor"
|- class="colors-abductor"
| Похитительский || <code>colors-abductor</code> || Если указан набор классов <code>items-table colors-abductor</code>
| Похитительский || <code>colors-abductor</code> || Если указан набор классов <code>items-table colors-abductor</code>
|}
|}

Версия от 16:42, 7 марта 2023

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

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

Идентификатор, классы и стили указываются через атрибуты, соответственно, id="name", class="names", style="code". Идентификатор может быть только один. Для ссылок используете шаблон:якорь. Классов может быть несколько, в этом случае каждый из них отделяется пробелом. Стилей может быть несколько, при этом для каждого аргумента значение указывается через двоеточие, а каждый стиль отделяется от другого с помощью точки с запятой.

По умолчанию для большинства таблиц используется wikitable. В этом случае таблицы получают базовое оформление MediaWiki.

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

Однако вместо него можно использовать items-table имеющий специфичное оформление и поддерживающие разные стили. Рекомендуется использовать готовые цветовые стили из раздела #Цветовые классы.

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

Объединять ячейки можно по строкам с помощью 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

Цветовые классы

Стиль Код Описание
Общий none Если указан только items-table
Охранный colors-secure Если указан набор классов items-table colors-secure
Научный colors-science Если указан набор классов items-table colors-science
Сервисный colors-service Если указан набор классов items-table colors-service
Инженерный colors-engine Если указан набор классов items-table colors-engine
Командный colors-command Если указан набор классов items-table colors-command
Медицинский colors-medik Если указан набор классов items-table colors-medik
Снабжающий colors-suply Если указан набор классов items-table colors-suply
Планетарный colors-lava Если указан набор классов items-table colors-lava
Синтетический colors-synth Если указан набор классов items-table colors-synth
Антагонисткий colors-antag Если указан набор классов items-table colors-antag
Культистский colors-cult Если указан набор классов items-table colors-cult
Ратваровский colors-ratvar Если указан набор классов items-table colors-ratvar
Ксеноморфный colors-xenom Если указан набор классов items-table colors-xenom
Марининский colors-marine Если указан набор классов items-table colors-marine
Волшебный colors-wizard Если указан набор классов items-table colors-wizard
Похитительский colors-abductor Если указан набор классов items-table colors-abductor
Если вас не устраивает цветовая гамма, или вам нужны иные комбинации цветов, обращайтесь к участнику Геврону по удобным вам каналам связи.

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

{| 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"| Ячейка первого столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
|}
Заголовок первого столбца
Ячейка первого столбца, второй строки
Ячейка первого столбца, третьей строки