Help:Tables

From MiiWiki
Jump to navigationJump to search

Tables can be used to organize a variety of data.

Table markup

Tables are always started using {| and ended with |}. A column header of a table is made using !insert text here. A standard cell of a table is made with |. For cells, each new one will move to the right one cell in the current row. A row break is made with |-. Each of these should have a line break between them in the editor. For example:

{|
!column one
!column two
|-
|cell one, row one
|cell two, row one
|-
|cell one, row two
|cell two, row two
|}

makes

column one column two
cell one, row one cell two, row one
cell one, row two cell two, row two

Table modifiers

Tables can be modified using classes. Each of these should be inside a table after the initial {| by typing class="class-1 class-2 etc"

  • wikitable (Makes the table have the standard background and borders. Should be used on most tables.)
  • mw-collapsible (Makes the table collapsible. Useful on large tables. Put & nbsp; (without the space) at the end of the last column to avoid overlap with the [collapse] button.)
  • mw-collapsed (Makes the table collapsed. Should only be used alongside mw-collapsible. Can be used with one cell and without wikitable to make hidden content.
  • sortable (Makes the table sortable by column alphabetically. Use !class="unsortable"|column name to make a specific column unsortable.)

By adding all of these modifiers to the table from before, this is produced:

column one column two 
cell one, row one cell two, row one
cell one, row two cell two, row two

Table colors

Different colors of tables can be used for different subjects. They are used by adding table-color (replacing color with the appropriate value) in the class statement The table colors by subject are as follows:

List of table colors
Color Subject
White Wii games (Not games released for Wii- games in Wii series like Wii Sports, Wii Fit, etc.)
Green Miitopia
Purple Tomodachi
Yellow Other games with playable Miis
Red Mario
Gray Smash
Blue Default, does not need to specify table-blue
Pink Not used for any particular subject

Rowspan and colspan

A more advanced aspect of tables is rowspan and colspan. These are added to individual cells. They are made by typing rowspan="x"| (or colspan) after the | or ! that defines the cell, but before the content of it. x is the number of cells that the single cell should stretch across. Rowspan causes it to stretch vertically, and colspan causes it to stretch horizontally.

Header with a colspan of 3
Normal cell with a rowspan of 2 filler filler
filler


This cell is technically on a different row than the cell with the rowspan in the code, but because the cell stretches across two rows, it displays as the same row as this one and therefore is stretched vertically by this one stretching.