View source for Using Tables

With the limitations of the Wiki software, sometimes it may be necessary to fall back on the use of tables to arrange content on the page in the desired location where normally this would be handled by the use of CSS. However, please try to avoid the use of tables where possible. Try to reserve their use for tabular data.

<br />
===<br /><br /> Wiki Table Tags ===

Wiki tags for tables are as follows:

'''Table: <code>{|</code>'''<br />
'''Row: <code>|-</code>'''<br />
'''Header Cell: <code>! </code>'''<br />
'''Cell: <code>| </code>'''<br />
'''Table closing tag: <code>|}</code>'''


No closing tag for table rows or cells are needed. Be sure to add the closing table tag at the end of your table. Normal attributes can be added, such as width, borders, positioning, cellpadding and cell spacing.
<pre>{| width="800"</pre>

will create a table that is 800px wide. Cells in the same table row can be combined on the same line if separated by a double pipe "||"

<pre>| Cell1 || Cell2 || Cell3</pre>

===<br /> Table and Cell Attributes ===

Multiple attributes can be used by separating them with a space:

<pre>{| cellpadding="10"</pre>

When adding attributes to cells, separate attribute from the data with a single pipe, "|". 

<pre>| align="center" | Cell Data</pre>

===Table Borders and Styles===

For tables with borders, start your table with '''<nowiki>{| class="wikitable"</nowiki>'''. This will automatically add borders and keep consistency in style through out the Wiki.

<pre>{| class="wikitable" width="400"
|-
!Column1 !! Column2 !! Column3
|-
| align="center" | Cell1 || align="center" | Cell2 || align="center" | Cell3
|-
| align="center" | Cell4 || align="center" | Cell5 || align="center" | Cell6
|}</pre>

Will create a table 400px wide, 3 columns by 3 rows with a border of 1.
{| class="wikitable" width="400"
|-
!Column1 !! Column2 !! Column3
|-
| align="center" | Cell1 || align="center" | Cell2 || align="center" | Cell3
|-
| align="center" | Cell4 || align="center" | Cell5 || align="center" | Cell6
|}

===<br /> Sortable Tables ===

Tables can be made sortable by adding the "sortable" class to the opening table tag <nowiki>{| class="wikitable sortable"</nowiki>

<pre>{| class="wikitable sortable" width="400"
|-
!Column1 !! Column2 !! Column3 !! Column4
|-
| align="center" | Cell1 || align="center" | Cell2 || align="center" | Cell3 || align="center" | Cell4
|-
| align="center" | Cell5 || align="center" | Cell6 || align="center" | Cell7 || align="center" | Cell8
|-
| align="center" | Cell9 || align="center" | Cell10 || align="center" | Cell11 || align="center" | Cell12
|}</pre>

Will produce:

{| class="wikitable sortable" width="400"
|-
!Column1 !! Column2 !! Column3 !! Column4
|-
| align="center" | Cell1 || align="center" | Cell2 || align="center" | Cell3 || align="center" | Cell4
|-
| align="center" | Cell5 || align="center" | Cell6 || align="center" | Cell7 || align="center" | Cell8
|-
| align="center" | Cell9 || align="center" | Cell10 || align="center" | Cell11 || align="center" | Cell12
|}
 
For more help with tables, see [[mw:Help:Tables|MediaWiki's Help with tables]].

==&nbsp; Also See ==

* [[mw:Help:Tables|Tables on MediaWiki]]
* [[Help:Contents|MediaWiki Formatting]]

[[Category:Wiki Help]]
[[category:Formatting Help]]