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