Tables in forum posts

[Canadice]

Tables in forum posts

Tables are a great way to give structure to information within posts on the forum but they are tricky to implement correctly. This text tries to describe the different structures and commands needed as well as some pitfalls you can encounter.

Tables
To create a table you need to wrap all the information within the table code. There is also an argument you need to add to define the width of the table using

Code:

[table=width] [/table]

width can be between 1 and 100 as is read as the percentage width of the page the table should take up.

For example

Code:

[table=100]
[tr][th]This is a table[/th][/tr]
[tr][td]This is a table[/td][/tr]
[/table]

produces

This is a table
This is a table

while

Code:

[table=50]
[tr][th]This is a table[/th][/tr]
[tr][td]This is a table[/td][/tr]
[/table]

produces

This is a table
This is a table

Rows
In order for the table to have rows you need to wrap any row information within

Code:

[tr] [/tr]

In the above examples the table consists of two rows so two instances of the wrap is required.

Code:

[table=100]
[tr][th]This is a row[/th][/tr]
[tr][td]This is another row[/td][/tr]
[tr][td]This is a third row[/td][/tr]
[/table]

produces

This is a row
This is another row
This is a third row

Columns
There are two ways to produce columns (or cells), header cells and normal cells. Header cells have double borders and the text is written in bold, while normal cells have single borders and normal text. You can add as many cells you want within a row, just remember to wrap them within their given command.

Header cells are given using

Code:

[th] [/th]

while normal cells are given using

Code:

[td] [/td]

For example

Code:

[table=100]
[tr][th]This is a header cell[/th][th]This is a header cell[/th][th]This is a header cell[/th][/tr]
[tr][td]This is a normal cell[/td][td]This is a normal cell[/td][td]This is a normal cell[/td][/tr]
[tr][td]This is a normal cell[/td][td]This is a normal cell[/td][td]This is a normal cell[/td][/tr]
[/table]

produces

This is a header cell	This is a header cell	This is a header cell
This is a normal cell	This is a normal cell	This is a normal cell
This is a normal cell	This is a normal cell	This is a normal cell