Участник:Gevron/Таблицы: различия между версиями
Gevron (обсуждение | вклад) (→Цветовые классы: Добавил заголовки для всех цветов для наглядности и ужаса) |
Gevron (обсуждение | вклад) |
||
| Строка 127: | Строка 127: | ||
! Ячейка-заголовок !! colspan="2" | Охранный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Охранный цветовой стиль | ||
|- class="colors-secure" | |- class="colors-secure" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Security</code> || Если указан набор классов <code>items-table colors-Security</code> | ||
|- class="colors-science" | |- class="colors-science" | ||
! Ячейка-заголовок !! colspan="2" | Научный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Научный цветовой стиль | ||
|- class="colors-science" | |- class="colors-science" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Science</code> || Если указан набор классов <code>items-table colors-Science</code> | ||
|- class="colors-service" | |- class="colors-service" | ||
! Ячейка-заголовок !! colspan="2" | Сервисный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Сервисный цветовой стиль | ||
|- class="colors-service" | |- class="colors-service" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Service</code> || Если указан набор классов <code>items-table colors-Service</code> | ||
|- class="colors-engine" | |- class="colors-engine" | ||
! Ячейка-заголовок !! colspan="2" | Инженерный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Инженерный цветовой стиль | ||
|- class="colors-engine" | |- class="colors-engine" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Engineering</code> || Если указан набор классов <code>items-table colors-Engineering</code> | ||
|- class="colors-command" | |- class="colors-command" | ||
! Ячейка-заголовок !! colspan="2" | Командный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Командный цветовой стиль | ||
|- class="colors-command" | |- class="colors-command" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Command</code> || Если указан набор классов <code>items-table colors-Command</code> | ||
|- class="colors-medik" | |- class="colors-medik" | ||
! Ячейка-заголовок !! colspan="2" | Медицинский цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Медицинский цветовой стиль | ||
|- class="colors-medik" | |- class="colors-medik" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Medical</code> || Если указан набор классов <code>items-table colors-Medical</code> | ||
|- class="colors-suply" | |- class="colors-suply" | ||
! Ячейка-заголовок !! colspan="2" | Снабжающий цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Снабжающий цветовой стиль | ||
|- class="colors-suply" | |- class="colors-suply" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Supply</code> || Если указан набор классов <code>items-table colors-Supply</code> | ||
|- class="colors-lava" | |- class="colors-lava" | ||
! Ячейка-заголовок !! colspan="2" | Планетарный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Планетарный цветовой стиль | ||
|- class="colors-lava" | |- class="colors-lava" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Lavaland</code> || Если указан набор классов <code>items-table colors-Lavaland</code> | ||
|- class="colors-synth" | |- class="colors-synth" | ||
! Ячейка-заголовок !! colspan="2" | Синтетический цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Синтетический цветовой стиль | ||
|- class="colors-synth" | |- class="colors-synth" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Synthetic</code> || Если указан набор классов <code>items-table colors-Synthetic</code> | ||
|- class="colors-antag" | |- class="colors-antag" | ||
! Ячейка-заголовок !! colspan="2" | Антагонисткий цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Антагонисткий цветовой стиль | ||
|- class="colors-antag" | |- class="colors-antag" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Antagonist</code> || Если указан набор классов <code>items-table colors-Antagonist</code> | ||
|- class="colors-cult" | |- class="colors-cult" | ||
! Ячейка-заголовок !! colspan="2" | Культистский цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Культистский цветовой стиль | ||
|- class="colors-cult" | |- class="colors-cult" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Cultist</code> || Если указан набор классов <code>items-table colors-Cultist</code> | ||
|- class="colors-ratvar" | |- class="colors-ratvar" | ||
! Ячейка-заголовок !! colspan="2" | Ратваровский цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Ратваровский цветовой стиль | ||
|- class="colors-ratvar" | |- class="colors-ratvar" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Ratvar</code> || Если указан набор классов <code>items-table colors-Ratvar</code> | ||
|- class="colors-xenom" | |- class="colors-xenom" | ||
! Ячейка-заголовок !! colspan="2" | Ксеноморфный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Ксеноморфный цветовой стиль | ||
|- class="colors-xenom" | |- class="colors-xenom" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Xenomorph</code> || Если указан набор классов <code>items-table colors-Xenomorph</code> | ||
|- class="colors-marine" | |- class="colors-marine" | ||
! Ячейка-заголовок !! colspan="2" | Марининский цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Марининский цветовой стиль | ||
|- class="colors- | |- class="colors-Marine" | ||
| Ячейка 1-го столбца'' || <code>colors-marine</code> || Если указан набор классов <code>items-table colors- | | Ячейка 1-го столбца'' || <code>colors-marine</code> || Если указан набор классов <code>items-table colors-Marine</code> | ||
|- class="colors-wizard" | |- class="colors-wizard" | ||
! Ячейка-заголовок !! colspan="2" | Волшебный цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Волшебный цветовой стиль | ||
|- class="colors-wizard" | |- class="colors-wizard" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Wizard</code> || Если указан набор классов <code>items-table colors-Wizard</code> | ||
|- class="colors-abductor" | |- class="colors-abductor" | ||
! Ячейка-заголовок !! colspan="2" | Похитительский цветовой стиль | ! Ячейка-заголовок !! colspan="2" | Похитительский цветовой стиль | ||
|- class="colors-abductor" | |- class="colors-abductor" | ||
| Ячейка 1-го столбца'' || <code>colors- | | Ячейка 1-го столбца'' || <code>colors-Abductor</code> || Если указан набор классов <code>items-table colors-Abductor</code> | ||
|} | |} | ||
Версия от 16:39, 30 марта 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"| Ячейка первого столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
|}
| Заголовок первого столбца |
|---|
| Ячейка первого столбца, второй строки |
| Ячейка первого столбца, третьей строки |