Help:Table: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
Line 25: | Line 25: | ||
|} | |} | ||
</pre> | </pre> | ||
=== Table classes === | |||
Add <code>class="wikitable"</code> right after the start of the table to apply the appropriate wiki styling: | |||
<pre>{| class="wikitable"</pre> | |||
Some additional table classes that can be added are: | |||
*<code>sortable</code> - Adds JavaScript sorting to the table headers. | |||
*<code>scrollable</code> - Adds horizontal scrolling to extra-wide tables. | |||
*<code>autoresize</code> - Automatically downscales table images as needed. | |||
Multiple classes are simply separated by a space. For example: | |||
<pre>{| class="wikitable sortable"</pre> | |||
== Example table == | == Example table == | ||
{| class="wikitable" | {| class="wikitable sortable" | ||
! # | ! # | ||
! Preview | ! Preview | ||
Line 68: | Line 83: | ||
<pre> | <pre> | ||
{| class="wikitable" | {| class="wikitable sortable" | ||
! # | ! # | ||
! Preview | ! Preview |
Revision as of 15:14, January 25, 2024
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 |}
Table classes
Add class="wikitable"
right after the start of the table to apply the appropriate wiki styling:
{| class="wikitable"
Some additional table classes that can be added are:
sortable
- Adds JavaScript sorting to the table headers.scrollable
- Adds horizontal scrolling to extra-wide tables.autoresize
- Automatically downscales table images as needed.
Multiple classes are simply separated by a space. For example:
{| class="wikitable sortable"
Example table
# | Preview | Event | Player's characters | In-game description | 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 |
Source code
Here is the source code of the above table:
{| class="wikitable sortable" ! # ! Preview ! Event ! Player's characters ! In-game description ! Stage |- | 1 | [[File: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 | [[File: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 | [[File: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 | [[File: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.