Tables can help you organize and contain information in an article. Making table is an advanced kind of wiki formatting so only read this if you are already comfortable with other formatting.
Making a table
To start a table make a line with just {| and nothing else. On the next line put a | which means you are making a cell in the first row and put the contents of that cell on the rest of the line. On the next line you can put another | and the contents of the second cell if you have one. Make as many cells in a row as you want using more lines starting with |. To start the second row put |- on the next line to signify a new row. Think of it as making a table row by row. To finish the table make a line at the end with |}. You can put whatever you want in the cells of a table: text, images, links, even tables. By default a table does not have a border, to make a it have a border add class="wikitable" after the {| on the first line.
Examples
Below there is an example of a table without borders and an example of a table with borders.
| You type
|
You see
|
| A table without borders
|
{|
|Red
|Green
|-
|Yellow
|Blue
|}
|
|
| A table with borders
|
{| class="wikitable"
|Red
|Green
|-
|Yellow
|Blue
|}
|
|
There are a few extra parts you can add to a table to make the information more clear. The chart below outlines how to make them.
| Element
|
Description
|
Usage
|
Example
|
| Headers on top of the columns
|
To make bold headers appear on top of the columns, make a number equal to the number of columns of new lines between the line that initiates the table and the line that starts the first row, starting each new line with an exclamation point. After the first exclamation point put the words of the first header, after the second exclamation point the words of the second header, and so on. After you type in the headers it is important that you start the first row of cells with a line that has |- even though it is the first row.
|
{| class="wikitable"
!Cabin
!Number of campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Number of campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
| Headers on rows
|
To make headers at the start of each row of a table, add a line with a ! followed by the words of the header before the lines for the cells, in each row.
|
{| class="wikitable"
!Name
|Adric A.
|Will B.
|Teddy B.
|-
!Seal time
|1:28
|1:48
|1:32
|}
|
| Name
|
Adric A.
|
Will B.
|
Teddy B.
|
| Seal time
|
1:28
|
1:48
|
1:32
|
|
| A title
|
To add a title to a table, make a new line after the line that initiates the table and in that new line type |+ followed by that words of the tile. In the example the table also includes headers on the columns.
|
{|class="wikitable"
|+Some Birch Rock cabins
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
Some Birch Rock cabins
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Table attributes
| You type
|
You get
|
{|border="1"
!align="right" style="color:green;"|Cabin
!style="background-color:black;color:white"|Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Justification
You can make a table appear on the right or middle of a page by using the align attribute like this: {|align="right". You can also set it to "center". If you want to make the table be in the center and have it have a border you can add multiple attributes to it like this: {|align="right" border="1". Below you can see some examples.
Right
| You type
|
You get
|
{|align="right" border="1"
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Center
| You type
|
You get
|
{|align="center" border="1"
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Captions
You can caption a table by adding an extra line after the first line. This line is started with |+ and then after that you put the caption.
On the top of the table
| You type
|
You get
|
{|border="1"
|+Some Birch Rock cabins
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
Some Birch Rock cabins
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Attributes on captions
You can put some attributes on captions by adding the attribute after the |+ and putting another | after the attribute like this.
| You type
|
You get
|
{|border="1"
|+align="bottom" style="color:red"|Some Birch Rock cabins
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
Some Birch Rock cabins
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Colors
You can make the text and border of a table a different color and the background a different color with the style attribute. After the {| in the first line you can add style="color:green;background-color:blue;", for example, to make the text and borders green and the backround blue. To change just the text color find how on the text formatting page.
Change the text and border color
| You type
|
You get
|
{|border="1" style="color:green;"
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Change the background color
| You type
|
You get
|
{|border="1" style="background-color:blue;"
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Change both the text and border color and the background color
| You type
|
You get
|
{|border="1" style="color:white;background-color:black;"
!Cabin
!Campers
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Attributes on rows
You can add attributes to a single row in a table by adding them after the |- that started that row.
| You type
|
You get
|
{|border="1"
!Cabin
!Campers
|-align="right"
|Cabin 1
|4
|-style="color:green;"
|Cabin 6
|4
|-align="center"
|Eagle's Nest
|8
|-style="background-color:purple;color:yellow;"
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Attributes on cells
You can add attributes to individual cells by adding the attibute after the | for that cell and after that putting another | before the content of that cell.
| You type
|
You get
|
{|border="1"
!Cabin
!Campers
|-
|align="right"|Cabin 1
|align="center"|4
|-
|style="color:green;"|Cabin 6
|4
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|style="background:purple;color:yellow;"|8
|}
|
| Cabin
|
Campers
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
Cells that span multiple columns
You can make a cell span multiple columns by adding an attibute to that cell called colspan.
| You type
|
You get
|
{|border="1"
!Cabin
!Campers
|-
|colspan="2"|lower camp
|-
|Cabin 1
|4
|-
|Cabin 6
|4
|-
|colspan="2"|upper camp
|-
|Eagle's Nest
|8
|-
|Buzzard's Roost
|8
|}
|
| Cabin
|
Campers
|
| lower camp
|
| Cabin 1
|
4
|
| Cabin 6
|
4
|
| upper camp
|
| Eagle's Nest
|
8
|
| Buzzard's Roost
|
8
|
|
