Help:Table
The following shows you how to create a table.
Code
To create a table, you will first need to understand what the symbols mean:
- {| - Signifies the start of a table.
- |} - Signifies the end of a table.
- |+ - Signifies the caption of a table; what text will appear above it, labeling it.
- |- - Signifies the start of a table row.
- | - Signifies the start of a regular table cell.
- ! - Signifies the start of a header table cell. The text within a header cell is boldfaced.
- || - Signifies the switch to a new cell within a row.
- !! - Signifies the switch to a new header cell within a row.
Usage
Here is how you would use these symbols appropriately:
{| |+ This is the caption for my table. |- ! These !! are !! my !! table !! headers |- | These || are || my || regular || cells |}
Styling
To modify a specific cell, a row, or the entire table, you would use the style attribute:
Placing the style attribute after the {| symbol alters the entire table:
{| style="font-family: (a font family);border: (a thickness)"
Placing the style attribute after the |+ symbol alters the table's caption. Use the pipe symbol to divide it from the text:
|+ style="font-family: (a font family);color: (# a color)" | This is the caption for my table.
Placing the style attribute after the |- symbol alters the entire row that follows it:
|- style="font-family: (a font family);color: (# a color)"
Placing the style attribute after the | symbol alters a single cell. Use the pipe symbol to divide it from the text:
| style="font-family: (a font family);color: (# a color)" | These || are || my || regular || cells
Please note that styling a single cell has the most precedence. This means that if you style the table's background red, and style a single cell black, the single cell will appear black, rather than red.
An Example Table
# | Preview | Event | Player's Characters | In-game Description (Objective) | Stage |
---|---|---|---|---|---|
1 | Two Trouble Kings | Mario and Kirby | Now there are TWO greedy kings? Having a buddy doesn't change their natures. (KO Bowser and King Dedede) | Delfino Plaza | |
2 | Master the Pokémon Tag Battle | Pokémon Trainer and Pikachu | The Pokemon tournament's final challenge. Your rivals have the same Pokemon! (KO rival Pokemon Trainer, and Pikachu) | Pokémon Stadium 2 | |
3 | Fastest, Shortest, Sudden Death | Yoshi and King Dedede | Only ten seconds left?! Beat as many foes as you can in Super Sudden Death and live! (survive 10 seconds at 300% damage) | WarioWare, Inc. | |
4 | The DK Tag Calamity | Donkey Kong and Diddy Kong | DK and Diddy got tiny! Use lightning to help deal the final blow! (defeat all enemies while many Lightning Bolt items appear) | Mario Circuit |
Here is the source code of the above table:
{| border=1 cellspacing=0 cellpadding=3 style="border-collapse:collapse"
!#
!Preview
!Event
!Player's Characters
!''In-game Description'' (Objective)
!Stage
|-
!1
![[Image:Events01.png|85px]]
!Two Trouble Kings
|[[Mario]] and [[Kirby]]
|''Now there are TWO greedy kings? Having a buddy doesn't change their natures.'' (KO Bowser and King Dedede)
|[[Delfino Plaza]]
|-
!2
![[Image:C-02.png|85px]]
!Master the Pokémon Tag Battle
|[[Pokémon Trainer]] and [[Pikachu]]
|''The Pokemon tournament's final challenge. Your rivals have the same Pokemon!'' (KO rival Pokemon Trainer, and Pikachu)
|[[Pokémon Stadium 2]]
|-
!3
![[Image:C-03.png|85px]]
!Fastest, Shortest, Sudden Death
|[[Yoshi]] and [[King Dedede]]
|''Only ten seconds left?! Beat as many foes as you can in Super Sudden Death and live!'' (survive 10 seconds at 300% damage)
|[[WarioWare, Inc. (stage)|WarioWare, Inc.]]
|-
!4
![[Image:C-04.png|85px]]
!The DK Tag Calamity
|[[Donkey Kong]] and [[Diddy Kong]]
|''DK and Diddy got tiny! Use lightning to help deal the final blow!'' (defeat all enemies while many Lightning Bolt items appear)
|[[Mario Circuit]]
|}
To use this coding successfully, just copy it, paste it on the article you need it for, and fill in the individual information.