Difference between revisions of "Template:Col-begin template"

From blackwiki
Jump to navigation Jump to search
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=5em}}
+
{{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=5em}}
+
{{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

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
|}

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!

Example 1, using col-break
{{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:

Example 2, using col-2
{{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:

Example 3, use col-break with specified widths
{{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}}
Example 4, use col-break with auto outer width
{{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}}
Example 5, Lots of columns, using col-break

See also

Column-generating template families

<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" />

External links