Jump to content

Help:Collapsing tables and more

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Dispenser (talk | contribs) at 22:08, 11 September 2007 (Moved from Wikipedia:NavFrame, added into). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
(diff) ← Previous revision | Latest revision (diff) | Newer revision → (diff)

Collapsible tables are an alternative to Wikipedia:NavFrames they're easier to use and implement, but are not accessibility friendly due to their inherit table nature. Code is found in the MediaWiki:Common.js and is actively maintained by User:R. Koot.

The initial state of any collapsible content can be controlled using a "collapsible table", because it also allows a table with only one element with content, and a header.

Simple example

Tables are simpler to work with, as you merely need to add the collapsible to the table itself. For the [hide]/[show] link to appear, the table's first row must be a header row, i.e. begin (in wikisyntax) with an exclamation mark. The use of the class toccolours in the example below is merely for appearance; it is not needed for collapsible to function:

{| class="toccolours collapsible" width="60%"
!colspan="2"| Fun with table columns
|-
| Column 1 || Column 2
|}
Fun with table columns
Column 1 Column 2

One-element example, initially expanded:

Always displayed header
Optionally displayed text Optionally displayed text Optionally displayed text Optionally displayed text Optionally displayed text Optionally displayed text

Auto-collapsing tables

You have two choices of auto-collapse. In addition to the collapsible class, you can add either collapsed or autocollapse. The first always initially collapses a table. autocollapse only initially collapses a table if there are at least two collapsible tables on a page.

{| class="toccolours collapsible autocollapse" width=60%
|-
! colspan="2" | This autocollapse table will initially collapse because there are at least two collapsible tables on this page.
|-
| Column 1 || Column 2
|}
This autocollapse table will initially collapse because there are at least two collapsible tables on this page.
Column 1 Column 2
{| class="toccolours collapsible collapsed" width=60%
|-
! colspan="2" | This table will always initially collapse
|-
| Column 1 || Column 2
|}

One-element example, initially collapsed:

Sortable collapsible tables

initially expanded initially collapsed
numbers
name number
a 123
b 6
c 45

See also