Tables: The Good, The Bad, The Ugly

With the new changes, tables are both more powerful and a little more complex to do what they did before. They're different, so you have to manage that. They aren't tiny boxes automatically centered.

Default Behavior

This is just default, slap a table on the page and go.

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No brown 62 boy 15 Oaken brown, wings burnished redwood.
No brown 61 boy 24 Seventh time standing is the charm!
No brown 61 girl 18 A defiant nowtimer lesbian.
No brown 59 boy 19 A dusky brown with his mother's cunning.

Default Behavior: Let's put some columns around it!

This is a 2-8-2 column set up (you don't have to do 3 columns, you can do as many columns as you want so long as they add up to 12). However, this is a good (and easy) way to center a table on the page.

 

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No brown 62 boy 15 Oaken brown, wings burnished redwood.
No brown 61 boy 24 Seventh time standing is the charm!
No brown 61 girl 18 A defiant nowtimer lesbian.
No brown 59 boy 19 A dusky brown with his mother's cunning.

 

Complex Tables: But Really, They're Easy!

Note: On all of these tables you will need to specify the header row with hcell/hcells.

The Bordered Table

This table has full borders.

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.


NOTE: This is the important part —> table class="table table-bordered"

The Striped Table

This table has alternating colored rows.

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.

table class="table table-bordered table-striped" —> Important part.

The Condensed Table

This table has it's padding condensed to make it smaller.

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.

The Hover Table

This table has a cool hover offect.

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.

The Colored Table

This table has interesting colors on the rows.

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.

The Many Tables!

You can use the grid system to do multiple tables, too!

Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No brown 62 boy 15 Oaken brown, wings burnished redwood.
No brown 61 boy 24 Seventh time standing is the charm!
No brown 61 girl 18 A defiant nowtimer lesbian.
No brown 59 boy 19 A dusky brown with his mother's cunning.
Adopted? Color Size Impressee Age Inspiration
No bronze 65 boy 21 Seacrafter - an unexpected, last-minute Search.
No brown 62 boy 15 Oaken brown, wings burnished redwood.
No brown 61 boy 24 Seventh time standing is the charm!
No brown 61 girl 18 A defiant nowtimer lesbian.
No brown 59 boy 19 A dusky brown with his mother's cunning.