This template is used on approximately 3,400 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them.
Preview message: Transclusion count updated automatically (see documentation). |
This template uses TemplateStyles: |
The columns-start template and its child templates column and columns-end can be used to make a fixed number of columns (up to 5) that will span the entire page above a certain minimum width (100 ems for 5 columns, 80 for 4, 60 for 3 and 2). Below the minimum width, each column starting from the right will gracefully display below another one of the columns.
The below examples are using the templates directly, so you can see what will happen if the minimum size is reached.
{{columns-start}}
Column 1 here
{{column}}
Column 2 here
{{columns-end}}
{{columns-start|num=3}}
Column 1 here
{{column}}
Column 2 here
{{column}}
Column 3 here
{{columns-end}}
{{columns-start|num=4}}
Column 1 here
{{column}}
Column 2 here
{{column}}
Column 3 here
{{column}}
Column 4 here
{{columns-end}}
{{columns-start|num=5}}
Column 1 here
{{column}}
Column 2 here
{{column}}
Column 3 here
{{column}}
Column 4 here
{{column}}
Column 5 here
{{columns-end}}
Columns-start has these parameters:
|num=
|class=
hlist
. Default is none.|bgcolor=
|width=
Template:Column has the same parameters where it is used as a "wrapper" template with numbered columns. Example:
{{column|num=2
|1=
Column 1 here
|2=
Column 2 here
}}
{{column|num=3
|
Column 1 here
|
Column 2 here
|
Column 3 here
}}
In the second example, be aware of the possible problem with a column that includes an equals sign. See Help:Templates#Equals for more information.
Otherwise, Template:Column must be used as above with Template:Columns-start.
This is an example from List of Indonesia-related topics:
Palaces in Indonesia
Prisons
Shopping malls
Towers
Using headings inside {{column}} in its wrapper form functions so long as there is some content beneath the 2nd and later heading. Secondly, headings will not carry an edit link. The below table may wrap (i.e. not display as columns) but displays the issue.
Content | Functional but missing edit links | Non-functional (missing content) |
---|---|---|
Wikitext | {{column
|1=
==== Ex. heading 1 ====
ABC
|2=
==== Ex. heading 2 ====
DEF
}}
|
{{column
|1=
==== Ex. heading 3 ====
|2=
==== Ex. heading 4 ====
}}
|
Rendered | Ex. heading 1ABC Ex. heading 2 |
Ex. heading 3
==== Ex. heading 4 ==== |
The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a <div>...</div>
open, potentially harming any subsequent formatting.
Type | Family | Handles wiki
table code?† |
Responsive/ mobile suited |
Start template | Column divider | End template |
---|---|---|---|---|---|---|
Float | "col-float" | Yes | Yes | {{col-float}} | {{col-float-break}} | {{col-float-end}} |
"columns-start" | Yes | Yes | {{columns-start}} | {{column}} | {{columns-end}} | |
Columns | "div col" | Yes | Yes | {{div col}} | – | {{div col end}} |
"columns-list" | No | Yes | {{columns-list}} (wraps div col) | – | – | |
Flexbox | "flex columns" | No | Yes | {{flex columns}} | – | – |
Table | "col" | Yes | No | {{col-begin}}, {{col-begin-fixed}} or {{col-begin-small}} |
{{col-break}} or {{col-2}} .. {{col-5}} |
{{col-end}} |
† Can template handle the basic wiki markup {| | || |- |}
used to create tables? If not, special templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}})—or HTML tags (<table>...</table>
, <tr>...</tr>
, etc.)—need to be used instead.