Description
This class allows to make tables collapsible and adds a show/hide button to affected tables. Tables which class attribute contains collapsible or expandable are affected by this class and can be collapsed; the latter automatically hides the content of all sections.
Header rows are used to divide the table into sections which can be collapsed separately. By default the first row of the table is interpreted as a header row, however this can be overwritten by adding collapsible to the class attribute of header rows. You can also hide a section individually by default when in collapsible mode by using expandable as the row's class name instead.
Usage examples
- Note: Style information are not shown in the code column.
| Code
|
Result
|
{| class="collapsible"
! Table title
|-
| Table content
|}
|
| Table title
|
| Table content
|
|
{| class="expandable"
! Table title
|-
| Table content
|}
|
| Table title
|
| Table content
|
|
{| class="collapsible"
! Table title
|- class="collapsible"
! Subtitle 1
|-
| Subtable content
|- class="expandable"
! Subtitle 2
|-
| Subtable content
|}
|
| Table title
|
| Subtitle 1
|
| Subtable content
|
| Subtitle 2
|
| Subtable content
|
|