[table]s in the Playground - All you want to know about the [table] code

[ChristianSt]

Examples/Templates

List of examples/templates:

• Some imo really neat stuff you can do with tables without borders
• Sample Arcane Spellcasting Class
• Avatar Adoption Template
• Battle Grid

Each of the following examples/templates will be presented fully visual, followed by a spoiler box presenting the code used for it. If you want to use any of the code, you can just copy and paste it into your post and you will get the same thing as shown in this post. (Possibly you want to insert your own data before posting )

Naturally you can also access the code of the OP by quoting it, if you are interested in some of the table code I used there. I made heavy use of the border-less table class, in a similar manner as illustrated in the first example.

---

Some imo really neat stuff you can do with tables without borders

This is basically free space I wanted to make noticeable. It hasn't any real use. So feel free to ignore this.

Before I'm going to present the examples (although this whole paragraph can be considered an example), I wanted to highlight a imo really useful feature the new table allows: Basically it is possible to use a border-less table (so one without any class), to make special layout/text flow possible, without seeing much of it: This is my avatar, made for me as a reward for supporting the OotS Kickstarter Reprint Drive. I think it is really awesome and the best reward I have gotten through Kickstarter. If you want to see more custom artwork made during the drive, I started a thread collecting those pieces. Another special thanks to the Giant for making awesome stuff! It isn't really perfect, and you possible need to try out some options to get a satisfying result (and it could look different with different resolutions. At least you should check whether it survives turning on/off the sidebar panel. That is also the reason why I set the table width to a rather low value, resulting in empty space to the right of this block. To hopefully make it work with as much resolutions as possible). But imo it enables some cool stuff. I think it is really useful for signatures, too, although you need to be aware that the signature character code is limited, so if your signature is wordy, it might not really help you.

Spoiler: Code: Some imo really neat stuff you can do with tables without borders

Show

[table]
[tr]
	[td="width:100"]This
is
basically
free
space
I
wanted
to
make
noticeable.

It
hasn't
any
real
use.

So
feel
free
to
ignore
this.
:smallwink:[/td]

	[td="width:420"]Before I'm going to present the examples (although this whole paragraph can be considered an example), I wanted to highlight a imo really useful feature the new table allows:
Basically it is possible to use a border-less table (so one without any class), to make special layout/text flow possible, without seeing much of it:
[table]
[tr]
		[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/Avatar_zps5b13e4d4.gif[/img][/td]
		[td]This is my avatar, made for me as a reward for supporting the OotS Kickstarter Reprint Drive. I think it is really awesome and the best reward I have gotten through Kickstarter. If you want to see more custom artwork made during the drive, I started a [url=http://www.giantitp.com/forums/showthread.php?t=309805]thread[/url] collecting those pieces. Another special thanks to the Giant for making awesome stuff![/td]
[/tr]
[/table]
It isn't really perfect, and you possible need to try out some options to get a satisfying result (and it could look different with different resolutions. At least you should check whether it survives turning on/off the sidebar panel. That is also the reason why I set the table width to a rather low value, resulting in empty space to the right of this block. To hopefully make it work with as much resolutions as possible). But imo it enables some cool stuff.  I think it is really useful for signatures, too, although you need to be aware that the signature character code is limited, so if your signature is wordy, it might not really help you.[/td]
[/tr]
[/table]

---

Sample Arcane Spellcasting Class

This is a "Sample Arcane Spellcasting Class"-template. I don't play D&D so I don't know how useful this is, but since someone posted this in the table overview thread, I hope/think someone could use this.

		Saves				Spells Per Day
Level	BAB	Fort	Ref	Will	Special	0th	1st	2nd	3rd	4th	5th	6th	7th	8th	9th
1st	+0	+0	+0	+1	Initial class features	3	1	—	—	—	—	—	—	—	—
2nd	+1	+0	+0	+3	—	4	2	—	—	—	—	—	—	—	—
3rd	+1	+1	+1	+3	—	4	2	1	—	—	—	—	—	—	—
4th	+2	+1	+1	+4	—	4	3	2	—	—	—	—	—	—	—
5th	+2	+1	+1	+4	Bonus feat	4	3	2	1	—	—	—	—	—	—
6th	+3	+2	+2	+5	—	4	3	2	2	—	—	—	—	—	—
7th	+3	+2	+2	+5	—	4	4	3	2	1	—	—	—	—	—
8th	+4	+2	+2	+6	—	4	4	3	3	2	—	—	—	—	—
9th	+4	+3	+3	+6	—	4	4	4	3	2	1	—	—	—	—
10th	+5	+3	+3	+7	Bonus feat	4	4	3	3	2	2	—	—	—	—
11th	+5	+3	+3	+7	—	4	4	4	4	3	2	1	—	—	—
12th	+6/+1	+4	+4	+8	—	4	4	4	4	3	3	2	—	—	—
13th	+6/+1	+4	+4	+8	—	4	4	4	4	4	3	2	1	—	—
14th	+7/+2	+4	+4	+9	—	4	4	4	4	4	3	3	2	—	—
15th	+7/+2	+5	+5	+9	Bonus feat	4	4	4	4	4	4	3	2	1	—
16th	+8/+3	+5	+5	+10	—	4	4	4	4	4	4	3	3	2	—
17th	+8/+3	+5	+5	+10	—	4	4	4	4	4	4	4	3	2	1
18th	+9/+4	+6	+6	+11	—	4	4	4	4	4	4	4	3	3	2
19th	+9/+4	+6	+6	+11	—	4	4	4	4	4	4	4	4	3	3
20th	+10/+5	+6	+6	+12	Bonus feat	4	4	4	4	4	4	4	4	4	4

Spoiler: Code: Sample Arcane Spellcasting Class

Show

[table="width:750, class: head alt1 alt2"]
[tr="class:outer_border"]
	[th="colspan:2"][/th]
	[th="colspan:3"]Saves[/th]
	[th][/th]
	[th="colspan:10"]Spells Per Day[/th]
[/tr]
[tr="class:outer_border, bgcolor:#8E5A2E"]
	[td="align:center"][color=#FFFFFF][b]Level[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]BAB[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]Fort[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]Ref[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]Will[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]Special[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]0th[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]1st[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]2nd[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]3rd[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]4th[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]5th[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]6th[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]7th[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]8th[/b][/color][/td]
	[td="align:center"][color=#FFFFFF][b]9th[/b][/color][/td]
[/tr]
[tr]
	[td]1st[/td]
	[td]+0[/td]
	[td]+0[/td]
	[td]+0[/td]
	[td]+1[/td]
	[td]Initial class features[/td]
	[td]3[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]2nd[/td]
	[td]+1[/td]
	[td]+0[/td]
	[td]+0[/td]
	[td]+3[/td]
	[td]—[/td]
	[td]4[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]3rd[/td]
	[td]+1[/td]
	[td]+1[/td]
	[td]+1[/td]
	[td]+3[/td]
	[td]—[/td]
	[td]4[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]4th[/td]
	[td]+2[/td]
	[td]+1[/td]
	[td]+1[/td]
	[td]+4[/td]
	[td]—[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]5th[/td]
	[td]+2[/td]
	[td]+1[/td]
	[td]+1[/td]
	[td]+4[/td]
	[td]Bonus feat[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]6th[/td]
	[td]+3[/td]
	[td]+2[/td]
	[td]+2[/td]
	[td]+5[/td]
	[td]—[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]7th[/td]
	[td]+3[/td]
	[td]+2[/td]
	[td]+2[/td]
	[td]+5[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]8th[/td]
	[td]+4[/td]
	[td]+2[/td]
	[td]+2[/td]
	[td]+6[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]9th[/td]
	[td]+4[/td]
	[td]+3[/td]
	[td]+3[/td]
	[td]+6[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]10th[/td]
	[td]+5[/td]
	[td]+3[/td]
	[td]+3[/td]
	[td]+7[/td]
	[td]Bonus feat[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
	[td]2[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]11th[/td]
	[td]+5[/td]
	[td]+3[/td]
	[td]+3[/td]
	[td]+7[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]12th[/td]
	[td]+6/+1[/td]
	[td]+4[/td]
	[td]+4[/td]
	[td]+8[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]13th[/td]
	[td]+6/+1[/td]
	[td]+4[/td]
	[td]+4[/td]
	[td]+8[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]14th[/td]
	[td]+7/+2[/td]
	[td]+4[/td]
	[td]+4[/td]
	[td]+9[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
	[td]2[/td]
	[td]—[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]15th[/td]
	[td]+7/+2[/td]
	[td]+5[/td]
	[td]+5[/td]
	[td]+9[/td]
	[td]Bonus feat[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]16th[/td]
	[td]+8/+3[/td]
	[td]+5[/td]
	[td]+5[/td]
	[td]+10[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
	[td]2[/td]
	[td]—[/td]
[/tr]
[tr]
	[td]17th[/td]
	[td]+8/+3[/td]
	[td]+5[/td]
	[td]+5[/td]
	[td]+10[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]2[/td]
	[td]1[/td]
[/tr]
[tr]
	[td]18th[/td]
	[td]+9/+4[/td]
	[td]+6[/td]
	[td]+6[/td]
	[td]+11[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
	[td]2[/td]
[/tr]
[tr]
	[td]19th[/td]
	[td]+9/+4[/td]
	[td]+6[/td]
	[td]+6[/td]
	[td]+11[/td]
	[td]—[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]3[/td]
	[td]3[/td]
[/tr]
[tr]
	[td]20th[/td]
	[td]+10/+5[/td]
	[td]+6[/td]
	[td]+6[/td]
	[td]+12[/td]
	[td]Bonus feat[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
	[td]4[/td]
[/tr]
[/table]

---

Avatar Adaption Template

A simple table with the intention to showcase avatars. Main usage is probably the Avatar Adoption Center thread.

Avatar Adapation - Narrow
Avatar 1	Avatar with a really long and unwieldy name	Stick it to Me	Avatar 2
Unclaimed	Unclaimed	Claimed by ChristianSt	Unclaimed

Avatar Adapation - Wide
Avatar	Avatar with a really long and unwieldy name	Stick it to Me
Unclaimed	Unclaimed	Claimed by ChristianSt

Spoiler: Code: Avatar Adapation - Narrow

Show

[table="width:1, class: head alt1 no_line_padding no_side_padding"]
[tr]
	[th="colspan:4"]Avatar Adapation - Narrow[/th]
[/tr]
[tr]
	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/Avatar_zps5b13e4d4.gif[/img][/td]
	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
[/tr]
[tr]
	[td]Avatar 1[/td]
	[td]Avatar with a really long and unwieldy name[/td]
	[td]Stick it to Me[/td]
	[td]Avatar 2[/td]
[/tr]
[tr]
	[td][color=green]Unclaimed[/color][/td]
	[td][color=green]Unclaimed[/color][/td]
	[td][color=red]Claimed by ChristianSt[/color][/td]
	[td][color=green]Unclaimed[/color][/td]
[/tr]
[/table]

Spoiler: Code: Avatar Adapation - Wide

Show

[table="class: head alt1 no_line_padding no_side_padding"]
[tr]
	[th="colspan:3"]Avatar Adapation - Wide[/th]
[/tr]
[tr]
	[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
	[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
	[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/Avatar_zps5b13e4d4.gif[/img][/td]
[/tr]
[tr]
	[td]Avatar[/td]
	[td]Avatar with a really long and unwieldy name[/td]
	[td]Stick it to Me[/td]
[/tr]
[tr]
	[td][color=green]Unclaimed[/color][/td]
	[td][color=green]Unclaimed[/color][/td]
	[td][color=red]Claimed by ChristianSt[/color][/td]
[/tr]
[/table]

Note:

• You need to adjust the colspan number in the th cell accordingly to how many cells you want.
• If you want a second row of avatars with a category header, do not make another row with th. Use "[td="bgcolor:#8E5A2E, align:center, colspan:??"][color=#FFFFFF][b]<Category>[/b][/color][/td]" instead of "[th="colspan:??"]<Category>[/th]". (Or if you don't mind some space between categories, you can start a new table. It also makes it easier if you want a different amount of avatars in each rows.)
• The difference between the narrow and the wide version is where you put the width attribute: The narrow version uses a width of 1 for the table tag to enforce a minimum width to all columns. The wide version uses width inside each td tag in the first row. If you don't use any width attributes long text makes the columns wider than you probably want.
• For the wide version I've used "align:center" to align the images. It is not really needed, but imo looks nicer. If you do multiple rows of avatars in the same table you might also want it for the narrow version.
• (If someone wants to adopt the avatar I made for showcasing this template, feel free to contact me )

---

Battle Grid

While it is (imo) far from ideal, you can use the table as a battle grid. It isn't possible to specify the height of the cells, so I hope the width works squarish on most browsers.

	a	b	c	d	e	f	g	h	i
A
B
C		z
D					|	--	|
E					|	x	|
F					|		--	|
G					|		y	|
H					|	--	--	|
I

Spoiler: Table code

Show

[table="class:no_side_padding no_line_padding head"]
[tr]
	[th="width:16"][/th]
	[th="width:16"]a[/th]
	[th="width:16"]b[/th]
	[th="width:16"]c[/th]
	[th="width:16"]d[/th]
	[th="width:16"]e[/th]
	[th="width:16"]f[/th]
	[th="width:16"]g[/th]
	[th="width:16"]h[/th]
	[th="width:16"]i[/th]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]A[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]B[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]C[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"]z[/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]D[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"]|[/td]
	[td="align:center"]--[/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]E[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"]|[/td]
	[td="align:center"]x[/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]F[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
	[td="align:center"]--[/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]G[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
	[td="align:center"]y[/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]H[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"]|[/td]
	[td="align:center"]--[/td]
	[td="align:center"]--[/td]
	[td="align:center"]|[/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]I[/b][/color][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
	[td="align:center"][/td]
[/tr]
[/table]

It is also possible to have a chess like background (and discard the inner border because you don't really need it any more), though you basically need to specify the color for each cell, though you can save half that by using alt1/alt2:

	a	b	c	d	e	f	g	h	i
A
B
C		z
D					|	--	|
E					|	x	|
F					|		--	|
G					|		y	|
H					|	--	--	|
I

Spoiler: Table code

Show

[table="class:no_side_padding no_line_padding head alt1 alt2 outer_border"]
[tr]
	[th="width:16"][/th]
	[th="width:16"]a[/th]
	[th="width:16"]b[/th]
	[th="width:16"]c[/th]
	[th="width:16"]d[/th]
	[th="width:16"]e[/th]
	[th="width:16"]f[/th]
	[th="width:16"]g[/th]
	[th="width:16"]h[/th]
	[th="width:16"]i[/th]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]A[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]B[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]C[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"]z[/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]D[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#F0E7D3, align:center"]--[/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]E[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#DCCDAD, align:center"]x[/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]F[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"]--[/td]
	[td="bgcolor:#F0E7D3, align:center"]|[/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]G[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"]y[/td]
	[td="bgcolor:#DCCDAD, align:center"]|[/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]H[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#F0E7D3, align:center"][/td]
	[td="align:center"]|[/td]
	[td="bgcolor:#F0E7D3, align:center"]--[/td]
	[td="align:center"]--[/td]
	[td="bgcolor:#F0E7D3, align:center"]|[/td]
	[td="align:center"][/td]
[/tr]
[tr]
	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]I[/b][/color][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
	[td="bgcolor:#DCCDAD, align:center"][/td]
	[td="align:center"][/td]
[/tr]
[/table]