Участник:Gevron/Таблицы
< Участник:Gevron(перенаправлено с «Участник:Gevron/Черновик»)
Перейти к навигации
Перейти к поиску
{| class="wikitable" style="width:50%;"
! Заголовок 1
! Заголовок 2
|-
| Ячейка 1
| Ячейка 2
|}
| Заголовок 1 | Заголовок 2 |
|---|---|
| Ячейка 1 | Ячейка 2 |
Таблица состоит из следующих синтаксических элементов, каждый из которых следует писать на новой строке:
{|— открывает таблицу.- Все остальные элементы должны идти только после него.
- Можно указать класс.
- Можно указать стиль.
- Можно указать идентификатор.
!— заголовок таблицы.- Можно использовать несколько подряд.
- Можно указать класс.
- Можно указать стиль.
- Можно указать идентификатор.
- Можно добавить содержимое для его отображения.
|— ячейка таблицы.- Можно использовать несколько подряд.
- Можно указать класс.
- Можно указать стиль.
- Можно указать идентификатор.
- Можно добавить содержимое для его отображения.
|-— разделитель строк таблицы.- Делит ячейки и заголовки по строкам.
- Можно указать класс.
- Можно указать стиль.
- Можно указать идентификатор.
|}— закрывает таблицу.- Все остальные элементы должны идти только перед ним.
Начало таблицы
Любая таблица начинается с пустой строки кодом {|.
К нему может быть добавлены…
class="название_класса"— классы, влияющие на оформление и функционал таблицы;id="название идентификатора"— идентификатор, который мог бы влиять на оформление, но это не настроено и потому не влияет;style="название-стиля:значение;"— т. н. внутристрочные стили, характерные для всего тела таблицы и частично наследуемые строками и ячейками самой таблицы.
Может быть использовано несколько классов одновременно, для чего они указываются через пробел. Порядок классов может иметь значение!
Доступные функциональные классы:
sortable— включает сортировку для таблицы. Требует правильной разметки обычных ячеек и заглавных! Настоятельно не рекомендуется из-за обилия нюансов использования!mw-collapsible— включает сворачиваемость таблицы. Предполагается, что первая строка будет только из заглавных ячеек, а остальные строки будут только из простых ячеек. Не рекомендуется использовать новичкам.mw-collapsed— делает сворачиваемую таблицу свёрнутой изначально. Не должно быть использовано без спроса!
sticky-head— делает весь заголовок или хотя бы первую строку плавающей, что может быть полезно для длинных таблиц, где важно постоянно видеть заголовок, например тут: броня. Так же имеет дополнительное стили специально для заголовков подобных в статье о броне.
Доступные общие стилевые классы:
wikitable— создаёт простую табличку с аккуратными тонкими границами. Рекомендуется в большинстве случаев. Не совместимо с классомitems-table.items-table— создаёт сложную табличку с упоротыми жирными границами. Рекомендуется для списка предметов. Не совместимо с классомwikitable.- Классы-схемы окраски указанные в разделе §Цветовые классы. Только один класс на выбор.
regular— убирает автоматическое изменение стилей первой в строке ячейки.emag-table— делает текст во стором столбце центрированным.weapon-table/armor-table— делает текст во всех ячейках кроме последней центрированным и жирным. На данный момент нет разницы между тем какой класс из двух указывать.proto-table— то же что и предыдущий класс, но также меняет фон каждой третьей ячейки в строке.
Идентификатор может быть указан одновременно только один. Название идентификатора можно использовать в дальнейшем в качестве якоря, несмотря на то что специализированный шаблон вызванный перед таблицей или в первой ячейке будет полезнее.
Стили могут быть использованы как самостоятельно так и дополнять или переписывать стили применяемые классами. Стилей может быть указано несколько без ограничений, разделяемых друг от друга точкой с запятой ; и желательно пробелом для удобочитаемости. Значение каждого стиля указывается через двоеточие после его название. Например, таблица с шириной в половину ширины страницы будет вызвана так: {| style="width:50%;"
Цветовые классы
| Стиль | Код | Описание |
|---|---|---|
| Общий | 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
|
Если вас не устраивает цветовая гамма, или вам нужны иные комбинации цветов, обращайтесь к участнику Геврону по удобным вам каналам связи.
Строки и ячейки
Объединение ячеек по строкам
Объединять ячейки можно по строкам с помощью colspan.
{| class="wikitable"
! colspan="2" | Заголовок 1
|-
| Ячейка 1
| Ячейка 2
|}
| Заголовок 1 | |
|---|---|
| Ячейка 1 | Ячейка 2 |
Объединение ячеек по столбцам
Объединять по столбцам — с помощью rowspan.
{| class="wikitable"
! rowspan="2" | Заголовок 1
! Заголовок 2
|-
| Ячейка 2
|}
| Заголовок 1 | Заголовок 2 |
|---|---|
| Ячейка 2 |
Разные цвета строк
{| 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"| Ячейка первого столбца, второй строки
|-
| Ячейка первого столбца, третьей строки
|}
| Заголовок первого столбца |
|---|
| Ячейка первого столбца, второй строки |
| Ячейка первого столбца, третьей строки |