Участник:Gevron/Таблицы: различия между версиями
Gevron (обсуждение | вклад) (сворачивание) |
Gevron (обсуждение | вклад) (добавлены разделы для удобства навигации) |
||
Строка 25: | Строка 25: | ||
** Все остальные элементы должны идти только перед ним. | ** Все остальные элементы должны идти только перед ним. | ||
Идентификатор, классы и стили указываются через | Идентификатор, классы и стили указываются через атрибуты, соответственно, <code>id="name"</code>, <code>class="names"</code>, <code>style="code"</code>. | ||
Идентификатор может быть только один. Для ссылок используете [[шаблон:якорь]]. Классов может быть несколько, в этом случае каждый из них отделяется пробелом. Стилей может быть несколько, при этом для каждого аргумента значение указывается через двоеточие, а каждый стиль отделяется от другого с помощью точки с запятой. | Идентификатор может быть только один. Для ссылок используете [[шаблон:якорь]]. Классов может быть несколько, в этом случае каждый из них отделяется пробелом. Стилей может быть несколько, при этом для каждого аргумента значение указывается через двоеточие, а каждый стиль отделяется от другого с помощью точки с запятой. | ||
Строка 47: | Строка 47: | ||
|} | |} | ||
Однако вместо него можно использовать <code>items-table</code> имеющий специфичное оформление и поддерживающие разные стили. | Однако вместо него можно использовать <code>items-table</code> имеющий специфичное оформление и поддерживающие разные стили. Рекомендуется использовать готовые цветовые стили из раздела [[#Цветовые классы]]. | ||
=== Объединение ячеек по строкам === | |||
Объединять ячейки можно по строкам с помощью <code>colspan</code>. | |||
<pre> | |||
{| class="wikitable" | |||
! colspan="2" | Заголовок 1 | |||
|- | |||
| Ячейка 1 | |||
| Ячейка 2 | |||
|} | |||
</pre> | |||
{| class="wikitable" | |||
! colspan="2" | Заголовок 1 | |||
|- | |||
| Ячейка 1 | |||
| Ячейка 2 | |||
|} | |||
=== Объединение ячеек по столбцам === | |||
Объединять по столбцам — с помощью <code>rowspan</code>. | |||
<pre> | |||
{| class="wikitable" | |||
! rowspan="2" | Заголовок 1 | |||
! Заголовок 2 | |||
|- | |||
| Ячейка 2 | |||
|} | |||
</pre> | |||
{| class="wikitable" | |||
! rowspan="2" | Заголовок 1 | |||
! Заголовок 2 | |||
|- | |||
| Ячейка 2 | |||
|} | |||
=== Сворачивание таблицы === | |||
Сворачивание таблицы производится с помощью класса </code>mw-collapsible</code>. Не рекомендуется злоупотреблять этой функцией. | |||
<pre> | |||
{| class="wikitable mw-collapsible" | |||
! Заголовок 1 | |||
|- | |||
| Ячейка 1 | |||
|} | |||
</pre> | |||
{| class="wikitable mw-collapsible" | |||
! Заголовок 1 | |||
|- | |||
| Ячейка 1 | |||
|} | |||
=== Изначально свёрнутая таблица === | |||
Изначально свёрнутой таблица делается добавлением также класса </code>mw-collapsed</code>. '''Настоятельно не рекомендуется использовать в подавляющем большинстве случаев!''' | |||
<pre> | |||
{| class="wikitable mw-collapsible mw-collapsed" | |||
! Заголовок 1 | |||
|- | |||
| Ячейка 1 | |||
|} | |||
</pre> | |||
{| class="wikitable mw-collapsible mw-collapsed" | |||
! Заголовок 1 | |||
|- | |||
| Ячейка 1 | |||
|} | |||
=== Цветовые классы === | |||
{| class="items-table" | {| class="items-table" | ||
Строка 89: | Строка 159: | ||
Если вас не устраивает цветовая гамма, или вам нужны иные комбинации цветов, обращайтесь к участнику [[user:Gevron|Геврону]] по удобным вам каналам связи. | Если вас не устраивает цветовая гамма, или вам нужны иные комбинации цветов, обращайтесь к участнику [[user:Gevron|Геврону]] по удобным вам каналам связи. | ||
=== Разные цвета строк === | |||
<pre> | <pre> | ||
{| class="items-table colors-secure" | {| class="items-table colors-secure" | ||
Строка 112: | Строка 183: | ||
|} | |} | ||
=== Титульная ячейка === | |||
Мы можем задать титульное оформление для ячейки отличной от первой в строке. Для этого используется класс <code>capital</code>. | Мы можем задать титульное оформление для ячейки отличной от первой в строке. Для этого используется класс <code>capital</code>. | ||
Строка 137: | Строка 209: | ||
|} | |} | ||
=== Отключение титульных ячеек === | |||
Или наоборот убрать оформление первого столбца используя класс <code>regular</code>. В этом случае, класс можно указать для всей таблицы. | Или наоборот убрать оформление первого столбца используя класс <code>regular</code>. В этом случае, класс можно указать для всей таблицы. | ||
Строка 154: | Строка 227: | ||
|- | |- | ||
| Ячейка первого столбца, третьей строки | | Ячейка первого столбца, третьей строки | ||
|} | |} |
Версия от 20:35, 24 февраля 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"| Ячейка первого столбца, второй строки |- | Ячейка первого столбца, третьей строки |}
Заголовок первого столбца |
---|
Ячейка первого столбца, второй строки |
Ячейка первого столбца, третьей строки |