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. |