How to Create TablesPrimarily, tables are created the same as on GitP:
[table][/table] tags, with vertical bars ( | ) separating cells and new lines indicating the next row:
- Code: Select all
[table]Cell 1, 1 | Cell 1, 2
Cell 2, 1 | Cell 2, 2[/table]
Cell 1, 1 | Cell 1, 2 |
Cell 2, 1 | Cell 2, 2 |
You can use
[table=head][/table] to include a header bar, just like at GitP:
- Code: Select all
[table=head]Header 1 | Header 2
Cell 1, 1 | Cell 1, 2
Cell 2, 1 | Cell 2, 2[/table]
Header 1 | Header 2 |
---|
Cell 1, 1 | Cell 1, 2 |
Cell 2, 1 | Cell 2, 2 |
Because new lines create a new row in the table, you cannot simply type a new line when you want to force one in a cell. To do that, we use the same
[br] tag that GitP uses - but on GitP, this tag changes to
<br>, which doesn't work, every time you edit or quote the post. Ours does not.
- Code: Select all
[table]Cell 1, 1[br]Line 2 | Cell 1, 2
Cell 2, 1 | Cell 2, 2[/table]
Cell 1, 1 Line 2 | Cell 1, 2 |
Cell 2, 1 | Cell 2, 2 |
GitP also supports a "hidden" tag -
{colsp=#} - and we do too. This tag allows a cell to be "extra wide", merging into the cells after it:
- Code: Select all
[table]{colsp=2} Wide Cell
Cell 2, 1 | Cell 2, 2[/table]
Wide Cell |
Cell 2, 1 | Cell 2, 2 |
It's important to remember that you cannot have any space between the | and the { (or between the beginning of the line and the {), or the tag will be ignored. You can use
{col=#} or even
{c=#} as abbreviations, if you like.
Unlike GitP, we also support
{rowsp=#}, which can make "extra tall" cells:
- Code: Select all
[table]Cell 1, 1 |{rowsp=2} Tall Cell
Cell 2, 1[/table]
Cell 1, 1 | Tall Cell |
Cell 2, 1 |
You can also use
{row=#} or
{r=#} as short-hand; they do the same thing.
You can use
{colsp=#} and
{rowsp=#} on the same cell, if you wish - you must include both in separate curly brackets, and you can't include any spaces:
- Code: Select all
[table]{c=2}{r=2} Big Cell | Cell 1, 3
Cell 2, 3
Cell 3, 1 | Cell 3, 2 | Cell 3, 3[/table]
Big Cell | Cell 1, 3 |
Cell 2, 3 |
Cell 3, 1 | Cell 3, 2 | Cell 3, 3 |
This example uses the abbreviations described above.
In addition to these, you can use
{head} to make any cell into a "header" cell (i.e. centered, bolded, different background color), and you can also use
{style=CSS styling} to completely change the style of a cell. You can also use
[table=CSS styling] to apply styling to the entire table. Finally, it can help to put blank lines between rows - these will be ignored, but it is easier to read. Each of these is used below:
- Code: Select all
[table=border: 3px dashed red;]{head}{r=2} Level |{head}{r=2} BAB |{head}{r=2} Fort |{head}{r=2} Ref |{head}{r=2} Will |{head}{r=2} Special |{head}{c=4} Spellcasting
{head} 1st |{head} 2nd |{head} 3rd |{head} 4th
{c=10}{style=text-align: center;} ...
10th | +10/+5 | +7 | +3 | +3 |{style=background-color: red;} Smite evil 3/day | 1 | 1 | — | —[/table]
Level | BAB | Fort | Ref | Will | Special | Spellcasting |
---|
1st | 2nd | 3rd | 4th |
---|
... |
10th | +10/+5 | +7 | +3 | +3 | Smite evil 3/day | 1 | 1 | — | — |
Finally, try using the

button - it has an automated table creation tool that will greatly ease the creation of tables. The generated tables can even be used on GitP!