[indent][indent][table][row][sup][h1][color=181818][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right][/color][center][color=black]1. The Basic [noparse][Table][/noparse] [/color]
[color=7bcdc8]1. The Basic [noparse][Table][/noparse][/color][/center][/h1][/sup][/row][row][cell] 
This is going to be a tutorial with a lot of moving parts and at least one migraine (yours or mine) so we need to start from square one: how to use the[code][table][/code]function. 

There are two possible variants, which I'll provide examples for below with side-by-side comparisons, each with three rows. Tables also display as a single bold white line if they don't have any content in them, so I have added some placeholder text for your amusement.[/cell][/row][/table][/indent][/indent][indent][indent][table][row][sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right][/color][/h3][/sup][/row][row][cell][center][b]Option 1 - Borderless[/b][/center][pre][table]
[row]
[cell]Header[/cell][cell]Header[/cell]
[/row]
[row]
[cell]Don't[/cell][cell]Open[/cell]
[/row]
[row]
[cell]Dead[/cell][cell]Inside[/cell]
[/row]
[/table]
[/pre]
[/cell][cell][/cell][cell][center][b][color=2e2c2c]...[/color]Option 2 - Bordered[color=2e2c2c]...[/color][/b][/center][pre][table=bordered]
[row]
[cell]Header[/cell][cell]Header[/cell]
[/row]
[row]
[cell]Don't[/cell][cell]Open[/cell]
[/row]
[row]
[cell]Dead[/cell][cell]Inside[/cell]
[/row]
[/table][/pre][/cell][/row][/table][center][hider=Example: Borderless][table]
[row]
[cell]Header[/cell][cell]Header[/cell]
[/row]
[row]
[cell]Don't[/cell][cell]Open[/cell]
[/row]
[row][cell]Dead[/cell][cell]Inside[/cell]
[/row]
[/table]
[/hider]
[hider=Example: Bordered][table=bordered]
[row]
[cell]Header[/cell][cell]Header[/cell]
[/row]
[row]
[cell]Don't[/cell][cell]Open[/cell]
[/row]
[row]
[cell]Dead[/cell][cell]Inside[/cell]
[/row]
[/table]
[/hider][/center][table][row][sup][h3][color=2e2c2c][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][right][b]▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅[/b][/right][/color][/h3][/sup][/row][row][cell]
As we can see, the Borderless table only draws lines horizontally, between the rows, while the Bordered table outlines every single cell (and the table itself).

Note that while I have practiced good code hygiene here and spaced out most of the lines in the copy-and-paste code, this [i]will[/i] affect your result in a very minor way ([abbr=I'll be saying this a lot in this guide.]because uhhhhh BBCode[/abbr]). This is the reason for that inexplicable gap between the top of the hider and the top of the table. Just join the[code][row][/code]tags end-to-end and compress them into just a few lines to remove this.

As in the last guide, here is a rundown on what all of these tags mean and why they are needed:

[list][*][code][table][/code]or[code][table=bordered][/code]–– Self-explanatory. You need two tags to tango with tables: one of these at the start and a closing tag at the end.[/list]
[list][*][code][row][/code]–– Inside the[code][table][/code]tags you must now have at least one of these[code][row][/code]tags. A table without row tags does not work. The number of them you put in determines how many horizontal fields there are, ie. in a traditional spreadsheet, how many entries. The above tables each have 3 sets of[code][row][/row][/code]tags, so they go down three lines.

[list][*]The content of the first row is always [b]bolded[/b] automatically. See Section 2 for workarounds.[/list][/list]
[list][*][code][cell][/code]–– These must be contained within a pair of[code][row][/code]tags. They determine not just how many vertical columns there are, but the height of those columns, the width of the columns, where the content will be positioned relative to other entries within the table, in borderless tables the existence of a line, and a whole lot more. The content of your table can only* be placed in between[code][cell][/code]and[code][cell][/code]– for all intents and purposes, your roleplaying goodies don't exist if they're not between those cheeks.[/list]
Now, neither of the above look like the snazzy character sheets you may have seen on the guild. These are blocky, rectangular, ugly, and undeniably [i]tables[/i]. But worry not, dear tablecrafter, we're now going to move onto the Hacks in Advanced BBCode Hacks.

[abbr=There were three.]Did you notice the hidden tables in this post?[/abbr][/cell][/row][/table][/indent][/indent]