View source for Help:Tables

Tables in the wiki are one of the most effective and utilized ways for organizing the available content. Since they exploit wiki markup that cannot be seen anywhere but on a wiki, users are usually puzzled in the begining until they understand the principle. However, wiki markup was especially designed for people with few or no knowledge of HTML, CSS and web programming, so that be intuitive and easy.

Easiest way to get a table in your page is to click the '''table''' button in [[Help:Edit mode|edit mode]]; you will obtain a table of three columns and two rows plus header, which you can further customize in accordance to your specific needs. 

{| style="width:100%" cellpadding="5"
|-valign="top"
| style="width:50%" | The standard source code (in edit mode) of a table is:
| style="width:50%" | which in read mode looks like this:
|-valign="top"
|<pre>{| class="wikitable"
|+ Table name
! column 1
! column 2
! column 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}</pre>
| 
{| class="wikitable"
|+ Table name
! column 1
! column 2
! column 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}
|-
| A new row is added in this way: 
| yeilding the following output:
|-valign="top"
|
 <nowiki>{| class="wikitable"</nowiki>
 <nowiki>|+ Table name</nowiki>
 <nowiki>! column 1</nowiki>
 <nowiki>! column 2</nowiki>
 <nowiki>! column 3</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>| row 1, cell 1</nowiki>
 <nowiki>| row 1, cell 2</nowiki>
 <nowiki>| row 1, cell 3</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>| row 2, cell 1</nowiki>
 <nowiki>| row 2, cell 2</nowiki>
 <nowiki>| row 2, cell 3</nowiki>
 <nowiki>|-</nowiki>
 <span style="font-weight:bold; color:red">| row 3, cell 1</span>
 <span style="font-weight:bold; color:red">| row 3, cell 2</span>
 <span style="font-weight:bold; color:red">| row 3, cell 3</span>
 <nowiki>|}</nowiki>
|
{| class="wikitable"
|+ Table name
! column 1
! column 2
! column 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|-
| row 3, cell 1
| row 3, cell 2
| row 3, cell 3
|}
|-
| A new column is added in this way:
| yielding the following output:
|-valign="top"
|
 <nowiki>{| class="wikitable"</nowiki>
 <nowiki>|+ Table name</nowiki>
 <nowiki>! column 1</nowiki>
 <nowiki>! column 2</nowiki>
 <nowiki>! column 3</nowiki>
 <span style="font-weight:bold; color:red">! column 4</span>
 <nowiki>|-</nowiki>
 <nowiki>| row 1, cell 1</nowiki>
 <nowiki>| row 1, cell 2</nowiki>
 <nowiki>| row 1, cell 3</nowiki>
 <span style="font-weight:bold; color:red">| row 1, cell 4</span>
 <nowiki>|-</nowiki>
 <nowiki>| row 2, cell 1</nowiki>
 <nowiki>| row 2, cell 2</nowiki>
 <nowiki>| row 2, cell 3</nowiki>
 <span style="font-weight:bold; color:red">| row 2, cell 4</span>
 <nowiki>|}</nowiki>
|
{| class="wikitable"
|+ Table name
! column 1
! column 2
! column 3
! column 4
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
| row 1, cell 4
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
| row 2, cell 4
|}
|}

Tables can be sorted, using <code>class="sortable"</code>.

== See also ==
* [http://meta.wikimedia.org/wiki/Help:Table Help:Table] from Wikipedia
* Need to read this instruction again, in your native language? Leave a message [[Help talk:Tables|on the talk page]]!
* [[Help:Contents]] with links to other help pages

[[Category:Help pages]]