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

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
м (Gevron переименовал страницу Участник:Gevron/Черновик в Участник:Gevron/Таблицы)
(нет различий)

Версия от 22:02, 12 мая 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
Ячейка-заголовок Охранный цветовой стиль
Ячейка 1-го столбца colors-Security Если указан набор классов items-table colors-Security
Ячейка-заголовок Научный цветовой стиль
Ячейка 1-го столбца colors-Science Если указан набор классов items-table colors-Science
Ячейка-заголовок Сервисный цветовой стиль
Ячейка 1-го столбца colors-Service Если указан набор классов items-table colors-Service
Ячейка-заголовок Инженерный цветовой стиль
Ячейка 1-го столбца colors-Engineering Если указан набор классов items-table colors-Engineering
Ячейка-заголовок Командный цветовой стиль
Ячейка 1-го столбца colors-Command Если указан набор классов items-table colors-Command
Ячейка-заголовок Медицинский цветовой стиль
Ячейка 1-го столбца colors-Medical Если указан набор классов items-table colors-Medical
Ячейка-заголовок Снабжающий цветовой стиль
Ячейка 1-го столбца colors-Supply Если указан набор классов items-table colors-Supply
Ячейка-заголовок Планетарный цветовой стиль
Ячейка 1-го столбца colors-Lavaland Если указан набор классов items-table colors-Lavaland
Ячейка-заголовок Синтетический цветовой стиль
Ячейка 1-го столбца colors-Synthetic Если указан набор классов items-table colors-Synthetic
Ячейка-заголовок Антагонисткий цветовой стиль
Ячейка 1-го столбца colors-Antagonist Если указан набор классов items-table colors-Antagonist
Ячейка-заголовок Культистский цветовой стиль
Ячейка 1-го столбца colors-Cultist Если указан набор классов items-table colors-Cultist
Ячейка-заголовок Ратваровский цветовой стиль
Ячейка 1-го столбца colors-Ratvar Если указан набор классов items-table colors-Ratvar
Ячейка-заголовок Ксеноморфный цветовой стиль
Ячейка 1-го столбца colors-Xenomorph Если указан набор классов items-table colors-Xenomorph
Ячейка-заголовок Марининский цветовой стиль
Ячейка 1-го столбца colors-marine Если указан набор классов items-table colors-Marine
Ячейка-заголовок Волшебный цветовой стиль
Ячейка 1-го столбца colors-Wizard Если указан набор классов items-table colors-Wizard
Ячейка-заголовок Похитительский цветовой стиль
Ячейка 1-го столбца 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"| Ячейка первого столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
|}
Заголовок первого столбца
Ячейка первого столбца, второй строки
Ячейка первого столбца, третьей строки