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

Версия от 20:15, 24 февраля 2023

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

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

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

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

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

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

Однако вместо него можно использовать items-table имеющий специфичное оформление и поддерживающие разные стили. В случае необходимости перекрасить такую таблицу, имеет смысл добавить через пробел дополнительный класс из нижеследующей таблицы.

Стиль	Код	Описание
Общий	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"| Ячейка первого столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
|}

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

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

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

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

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

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

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

@@ Строка 1: / Строка 1: @@
-Таблица начинается с общего кода <code><nowiki>{| class="Класс"</nowiki></code>, где <code>Класс</code> — это класс таблицы стилей. По умолчанию для большинства таблиц используется <code>wikitable</code>.
+Таблица состоит из следующих синтаксических элементов, каждый из которых следует писать на новой строке:
+* <code><nowiki>{|</nowiki></code> — открывает таблицу.
+** Все остальные элементы должны идти только после него.
+** Можно указать класс.
+** Можно указать стиль.
+** Можно указать идентификатор.
+* <code><nowiki>!</nowiki></code> — заголовок таблицы.
+** Можно использовать несколько подряд.
+** Можно указать класс.
+** Можно указать стиль.
+** Можно указать идентификатор.
+** Можно добавить содержимое для его отображения.
+* <code><nowiki>|</nowiki></code> — ячейка таблицы.
+** Можно использовать несколько подряд.
+** Можно указать класс.
+** Можно указать стиль.
+** Можно указать идентификатор.
+** Можно добавить содержимое для его отображения.
+* <code><nowiki>|-</nowiki></code> — разделитель строк таблицы.
+** Делит ячейки и заголовки по строкам.
+** Можно указать класс.
+** Можно указать стиль.
+** Можно указать идентификатор.
+* <code><nowiki>|}</nowiki></code> — закрывает таблицу.
+** Все остальные элементы должны идти только перед ним.
+Идентификатор, классы и стили указываются через аттрибуты, соответсвенно, <code>id="name"</code>, <code>class="names"</code>, <code>style="code"</code>.
+Идентификатор может быть только один. Для ссылок используете [[шаблон:якорь]]. Классов может быть несколько, в этом случае каждый из них отделяется пробелом. Стилей может быть несколько, при этом для каждого аргумента значение указывается через двоеточие, а каждый стиль отделяется от другого с помощью точки с запятой.
+По умолчанию для большинства таблиц используется <code>wikitable</code>. В этом случае таблицы получают базовое оформление MediaWiki.
+<pre>
+{| class="wikitable"
+! width="70%" | Заголовок 1
+! Заголовок 2
+|-
+| Ячейка 1
+| Ячейка 2
+|}
+</pre>
+{| class="wikitable"
+! width="70%" | Заголовок 1
+! Заголовок 2
+|-
+| Ячейка 1
+| Ячейка 2
+|}
 Однако вместо него можно использовать <code>items-table</code> имеющий специфичное оформление и поддерживающие разные стили. В случае необходимости перекрасить такую таблицу, имеет смысл добавить через пробел дополнительный класс из нижеследующей таблицы.
@@ Строка 42: / Строка 88: @@
   Если вас не устраивает цветовая гамма, или вам нужны иные комбинации цветов, обращайтесь к участнику [[user:Gevron|Геврону]] по удобным вам каналам связи.
-Далее идёт разделитель строк <code>|-</code>. Если указывать класс к нему, то стили будут применены ко все строке за ним <code>|- class="items-table colors-abductor"</code>.
-В каждой строке могут быть заглавные ячейки <code>!</code> или обычные <code>|</code>. Каждую строку следует писать с новой строки, если только вы не продвинутый редактор, который всё знает лучше справочной страницы.
-В первой строке таблицы, с заголовками можно указать ширину столбцов для всей таблицы. через <code>width="Значение" |</code>, где <code>Значение</code> — это любое абсолютное или относительное значение. Если указывается в процентах, то подразумевается что в процентах от полной ширины таблицы
-Таблица закрывается с помощью <code>|}</code>
-<pre>
-{| class="wikitable"
-! width="70%" | Заголовок 1
-! Заголовок 2
-|-
-| Ячейка 1
-| Ячейка 2
-|}
-</pre>
-{| class="wikitable"
-! width="70%" | Заголовок 1
-! Заголовок 2
-|-
-| Ячейка 1
-| Ячейка 2
-|}
 <pre>
@@ Строка 112: / Строка 135: @@
 | Ячейка первого столбца, третьей строки
 | Ячейка второго столбца, третьей строки
+|}
+Или наоборот убрать оформление первого столбца используя класс <code>regular</code>. В этом случае, класс можно указать для всей таблицы.
+<pre>
+{| class="items-table colors-lava" style="width:40%;"
+! Заголовок первого столбца
+|-
+| class="regular"| Ячейка первого столбца, второй строки
+|-
+| Ячейка первого столбца, третьей строки
+|}
+</pre>
+{| class="items-table colors-lava" style="width:40%;"
+! Заголовок первого столбца
+|-
+| class="regular"| Ячейка первого столбца, второй строки
+|-
+| Ячейка первого столбца, третьей строки
+|}
+Объединять ячейки можно по строкам с помощью <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
 |}

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

Версия от 20:15, 24 февраля 2023

Навигация

Поиск