Чтобы сделать элемент сворачиваемым, нужно добавить в параметр 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
|
|
|
число
|
название |
число
|
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
|
|
название |
число
|
a |
123
|
b |
6
|
c |
45
|
|