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 35: Line 35:
*<code>sortable</code> - Adds JavaScript sorting to the table headers.
*<code>sortable</code> - Adds JavaScript sorting to the table headers.
*<code>scrollable</code> - Adds horizontal scrolling to extra-wide tables.
*<code>scrollable</code> - Adds horizontal scrolling to extra-wide tables.
*<code>autoresize</code> - Automatically downscales table images as needed.
*<code>autoresize</code> - Automatically downscales images in cramped tables.


Multiple classes are simply separated by a space. For example:
Multiple classes are simply separated by a space. For example:
Line 51: Line 51:
|-
|-
| 1
| 1
| [[File:Events01.png|85px]]
| [[File:Events01.png|100px]]
| Two Trouble Kings
| Two Trouble Kings
| [[Mario]] and [[Kirby]]
| [[Mario]] and [[Kirby]]
Line 58: Line 58:
|-
|-
| 2
| 2
| [[File:C-02.png|85px]]
| [[File:C-02.png|100px]]
| Master the Pokémon Tag Battle
| Master the Pokémon Tag Battle
| [[Pokémon Trainer]] and [[Pikachu]]
| [[Pokémon Trainer]] and [[Pikachu]]
Line 65: Line 65:
|-
|-
| 3
| 3
| [[File:C-03.png|85px]]
| [[File:C-03.png|100px]]
| Fastest, Shortest, Sudden Death
| Fastest, Shortest, Sudden Death
| [[Yoshi]] and [[King Dedede]]
| [[Yoshi]] and [[King Dedede]]
Line 72: Line 72:
|-
|-
| 4
| 4
| [[File:C-04.png|85px]]
| [[File:C-04.png|100px]]
| The DK Tag Calamity
| The DK Tag Calamity
| [[Donkey Kong]] and [[Diddy Kong]]
| [[Donkey Kong]] and [[Diddy Kong]]
Line 92: Line 92:
|-
|-
| 1
| 1
| [[File:Events01.png|85px]]
| [[File:Events01.png|100px]]
| Two Trouble Kings
| Two Trouble Kings
| [[Mario]] and [[Kirby]]
| [[Mario]] and [[Kirby]]
Line 99: Line 99:
|-
|-
| 2
| 2
| [[File:C-02.png|85px]]
| [[File:C-02.png|100px]]
| Master the Pokémon Tag Battle
| Master the Pokémon Tag Battle
| [[Pokémon Trainer]] and [[Pikachu]]
| [[Pokémon Trainer]] and [[Pikachu]]
Line 106: Line 106:
|-
|-
| 3
| 3
| [[File:C-03.png|85px]]
| [[File:C-03.png|100px]]
| Fastest, Shortest, Sudden Death
| Fastest, Shortest, Sudden Death
| [[Yoshi]] and [[King Dedede]]
| [[Yoshi]] and [[King Dedede]]
Line 113: Line 113:
|-
|-
| 4
| 4
| [[File:C-04.png|85px]]
| [[File:C-04.png|100px]]
| The DK Tag Calamity
| The DK Tag Calamity
| [[Donkey Kong]] and [[Diddy Kong]]
| [[Donkey Kong]] and [[Diddy Kong]]

Revision as of 17:08, 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 images in cramped tables.

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 Events01.png 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 C-02.png 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 C-03.png 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 C-04.png 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|100px]]
| 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|100px]]
| 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|100px]]
| 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|100px]]
| 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.