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

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
мНет описания правки
(дополнение)
Строка 83: Строка 83:
| Ячейка второго столбца, второй строки
| Ячейка второго столбца, второй строки
|- class="colors-suply"
|- class="colors-suply"
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}
Мы можем задать титульное оформление для ячейки отличной от первой в строке. Для этого используется класс <code>capital</code>.
<pre>
{| class="items-table colors-command"
! width="20%" | Заголовок первого столбца
! Заголовок второго столбца
|-
| Ячейка первого столбца, второй строки
| class="capital" | Ячейка второго столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}
</pre>
{| class="items-table colors-command"
! width="20%" | Заголовок первого столбца
! Заголовок второго столбца
|-
| Ячейка первого столбца, второй строки
| class="capital" | Ячейка второго столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}
|}

Версия от 23:35, 23 февраля 2023

Таблица начинается с общего кода {| class="Класс", где Класс — это класс таблицы стилей. По умолчанию для большинства таблиц используется wikitable.

Однако вместо него можно использовать 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-abductor".

В каждой строке могут быть заглавные ячейки ! или обычные |. Каждую строку следует писать с новой строки, если только вы не продвинутый редактор, который всё знает лучше справочной страницы.

В первой строке таблицы, с заголовками можно указать ширину столбцов для всей таблицы. через width="Значение" |, где Значение — это любое абсолютное или относительное значение. Если указывается в процентах, то подразумевается что в процентах от полной ширины таблицы Таблица закрывается с помощью |}

{| class="wikitable"
! width="70%" | Заголовок 1
! Заголовок 2 
|-
| Ячейка 1
| Ячейка 2
|}
Заголовок 1 Заголовок 2
Ячейка 1 Ячейка 2
{| class="items-table colors-secure"
! width="20%" | Заголовок первого столбца
! Заголовок второго столбца
|-
| Ячейка первого столбца, второй строки
| Ячейка второго столбца, второй строки
|- class="colors-suply"
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}
Заголовок первого столбца Заголовок второго столбца
Ячейка первого столбца, второй строки Ячейка второго столбца, второй строки
Ячейка первого столбца, третьей строки Ячейка второго столбца, третьей строки

Мы можем задать титульное оформление для ячейки отличной от первой в строке. Для этого используется класс capital.

{| class="items-table colors-command"
! width="20%" | Заголовок первого столбца
! Заголовок второго столбца
|-
| Ячейка первого столбца, второй строки
| class="capital" | Ячейка второго столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
| Ячейка второго столбца, третьей строки
|}
Заголовок первого столбца Заголовок второго столбца
Ячейка первого столбца, второй строки Ячейка второго столбца, второй строки
Ячейка первого столбца, третьей строки Ячейка второго столбца, третьей строки