Справка:Табличный спойлер

Материал из Энциклопедия вселенной Diablo
Версия от 18:33, 6 декабря 2013; Fenixs (обсуждение | вклад)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Чтобы сделать элемент сворачиваемым, нужно добавить в параметр class слово collapsible:

{| class="wikitable collapsible"
 !Заголовок
 |-
 |
 Основной текст
 |}

Пример отображения

Заголовок

Основной текст

Изначальное скрытие

Чтобы сделать элемент изначально свернутым, нужно добавить в параметр class, дополнительно к слову collapsible, слово:

  • autocollapse: элемент будет изначально свернут, если на странице есть 2 и более элемента с параметром сворачивания.
  • collapsed: элемент будет изначально свернут в любом случае.
{| class="wikitable collapsible collapsed"
 !Заголовок
 |-
 |
 Изначально скрытый основной текст
 |}

Пример отображения

Ширина элемента

Так как обычно ширина заголовка меньше, чем основного текста, то ширина элемента будет «прыгать» при его показе/скрытии. Если вы хотите задать постоянную ширину элемента добавить после параметра class, параметр style="width:50%" для установки ширины в процентном отношении. Так же использовать параметр em: style="width:34em"

{| class="collapsible wikitable" style="width:50%"
 ! Заголовок, ширина элемента:50%
 |-
 | 
 Основной текст? для того чтобы было видно как текст размещается на заданной длиннее этого элемента установленного на 50%
 |}

Пример отображения

Заголовок, ширина элемента:50%

Основной текст, для того чтобы было видно, как текст размещается на заданной ширине этого элемента установленного на 50%

Заголовок, ширина элемента:34em
Основной текст, для того чтобы было видно, как текст размещается на заданной ширине этого элемента, установленного на 34em


Сортируемая скрываемая таблица

Сортировка внутри скрываемой таблицы:

изначально развернуто изначально свернуто
{| class="collapsible"
 !число
 |-
 |
 {| class="wikitable sortable"
 !название!!число
 |-
 |a||123
 |-
 |b||6
 |-
 |c||45
 |}
 |} 
{|class="collapsible collapsed"
 !число
 |-
 |
 {|class="wikitable sortable"
 !название!!число
 |-
 |a||123
 |-
 |b||6
 |-
 |c||45
 |}
 |}

Пример отображения

число
название число
a 123
b 6
c 45

Для того чтобы кнопка скрыть/показать была внутри таблицы:

изначально развернуто изначально свернуто
{|class="wikitable sortable collapsible"
 !название!!число
 |-
 |a||123
 |-
 |b||6
 |-
 |c||45
 |}
{|class="wikitable sortable collapsible collapsed"
 !название!!число
 |-
 |a||123
 |-
 |b||6
 |-
 |c||45
 |}

Пример отображения

название число
a 123
b 6
c 45