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

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
(сворачивание)
(добавлены разделы для удобства навигации)
Строка 25: Строка 25:
** Все остальные элементы должны идти только перед ним.
** Все остальные элементы должны идти только перед ним.


Идентификатор, классы и стили указываются через аттрибуты, соответсвенно, <code>id="name"</code>, <code>class="names"</code>, <code>style="code"</code>.
Идентификатор, классы и стили указываются через атрибуты, соответственно, <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:
|-
|-
| Ячейка первого столбца, третьей строки
| Ячейка первого столбца, третьей строки
|}
Объединять ячейки можно по строкам с помощью <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
|}
|}

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