Difference between revisions of "Template:Col-begin template"
imported>Frietjes |
imported>Frietjes |
||
| Line 92: | Line 92: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 105: | Line 105: | ||
|} | |} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 123: | Line 123: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 136: | Line 136: | ||
|} | |} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 155: | Line 155: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-2}} | {{col-2}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 168: | Line 168: | ||
|} | |} | ||
{{col-2}} | {{col-2}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 186: | Line 186: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-2}} | {{col-2}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 199: | Line 199: | ||
|} | |} | ||
{{col-2}} | {{col-2}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 217: | Line 217: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-break|width=80%}} | {{col-break|width=80%}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 230: | Line 230: | ||
|} | |} | ||
{{col-break|width=20%}} | {{col-break|width=20%}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 249: | Line 249: | ||
{{col-begin|width=auto}} | {{col-begin|width=auto}} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 261: | Line 261: | ||
| 90,000 | | 90,000 | ||
|} | |} | ||
| − | {{col-break|gap= | + | {{col-break|gap=2em}} |
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 278: | Line 278: | ||
{{col-begin|width=auto}} | {{col-begin|width=auto}} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 290: | Line 290: | ||
| 90,000 | | 90,000 | ||
|} | |} | ||
| − | {{col-break|gap= | + | {{col-break|gap=2em}} |
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 308: | Line 308: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Production by year | |+ Production by year | ||
|- | |- | ||
| Line 321: | Line 321: | ||
|} | |} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Profit by year | |+ Profit by year | ||
|- | |- | ||
| Line 334: | Line 334: | ||
|} | |} | ||
{{col-break}} | {{col-break}} | ||
| − | {| class="wikitable" | + | {| class="wikitable" style="width:18em" |
|+ Revenue by product | |+ Revenue by product | ||
|- | |- | ||
| Line 348: | Line 348: | ||
{{col-end}} | {{col-end}} | ||
{{hidden end}} | {{hidden end}} | ||
| + | |||
== See also == | == See also == | ||
{{Column-generating template families}} | {{Column-generating template families}} | ||
Revision as of 14:58, 5 August 2017
| Column templates |
|---|
| Accessibility |
| Basic |
|
| Float |
|
| Div col |
|
The {{col-begin}}, {{col-break}} and {{col-end}} templates control columns of text on a page:
- {{col-begin}}: starts a table (followed by {{col-break}} for 1st column)
- {{col-break}}: triggers the start of each column
- {{col-end}}: ends the multi-column table.
The widths of columns can be specified by using various additional codes. See below for examples.
Usage
- {{col-begin|width=70%}}: start table with width.
- {{col-break|width=66%}}: start column-1 as 66% wide.
- This is text in col-1.
- {{col-break|width=33%}}: start column-2 as 33% wide.
- Text column-2.
- {{col-end}}
The table will have two columns, with column 1 twice (2×) the width of column 2.
A border of 2px (1px width on each side) corresponds to a 5%. Therefore, with a 2px border—for example, as in Wikipedia:Tutorial/Wrap-up and more info—the width needs to be 95% for the table to fit within the screen. Since it's possible that some tables might not have a border, correction on the individual page could be made after substitution. Another way to create a two column table is like this:
{{col-begin|width=95%}}
|-
|
Left column
|
Right column
|}
|
{{Col-begin}}
{{Col-2}}
Column 1 here
{{Col-2}}
Column 2 here
{{Col-end}}
|
{{Col-begin}}
{{Col-3}}
Column 1 here
{{Col-3}}
Column 2 here
{{Col-3}}
Column 3 here
{{Col-end}}
|
and so on, up to {{Col-5}} |
{{Col-begin}}
{{Col-break}}
Column 1 here
{{Col-break}}
Column 2 here
{{Col-break}}
Column 3 here
{{Col-break}}
Column 4 here
{{Col-break}}
Column 5 here
{{Col-break}}
Column 6 here
{{Col-end}}
|
{{Columns-start|num=3}}
Column 1 here
{{Column}}
Column 2 here
{{Column}}
Column 3 here
{{Columns-end}}
|
Examples
Here are some example codes that you can use to make columns of text in your wikipedia article. You can change the width of your columns by changing the code words that go between the text of your columns. Good luck!
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
gives:
|
|
{{col-begin}}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
gives:
|
|
{{col-begin}}
{{col-break|width=80%}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|width=20%}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{col-begin|width=auto}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|gap=2em}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
|
|
|
|
|
See also
Column-generating template families
| Caution | The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a HTML "div" (division) open, potentially harming any subsequent formatting. |
<section begin="table" />
| Family | Type | Handles wiki
table code?File:Dagger-14-plain.png |
Responsive/ Mobile suited |
Start template | Column divider | End template |
|---|---|---|---|---|---|---|
| "Col" | Table | Yes | Yes | {{Col-begin}}, {{Col-begin-fixed}} or {{Col-begin-small}} |
{{Col-break}} or {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
| "Col-float" | CSS float | Yes | Yes | {{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
| "Columns" | Table | No | Yes | {{Columns}} | – | – |
| "Columns-list" | CSS columns | Yes | Yes | {{Columns-list}} (wrapper) | – | – |
| "Columns-start" | CSS float | Yes | Yes | {{Columns-start}} | {{Column}} | {{Columns-end}} |
| "Flex columns" | CSS flexbox | Yes | Yes | {{Flex columns}} | – | – |
| "Div col" | CSS columns | Yes | Yes | {{Div col}} | – | {{Div col end}} |
File:Dagger-14-plain.png I.e., can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) will need to be used instead.<section end="table" />