User:Tempest Dawn/Table Examples (old)
Jump to navigation
Jump to search
This page is a before-version for testing updates to the STDT Template table styles. The new after-version is at User:Tempest Dawn/Table Examples. Both pages have the exact same attributes and parameters for each table, the other page is just using updated CSS rules
Basic Tables
Generic (no class)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
DPS role (Maroon)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Healer role (Dark-green)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Tank role (Steel-blue)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Crafting role (Gray)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Gathering role (Olive)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Pet role (Teal)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
NPC (Lime)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
PVE (Gold)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Equip (Orange)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Item (Orange)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined
Skin (Pink)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Mech 1 (Blue)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Mech 2 (Turquoise)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Lore (Violet)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Location (Purple)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Promo (Yellow-Green)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Buff (Aquamarine)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Debuff (Green)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Crafting (Brown)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Complex Examples
Multi-row headers
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | Column 6 | Column 7 | ||
|---|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
Not sortable:
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | Column 6 | Column 7 | ||
|---|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
Table with caption
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Table with no heading
| 1.1 | 1.2 |
| 2.1 | 2.2 |
Triple-row headers
because @Erin Umbreon is insane
Sortable:
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | |||
|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | |||||
| 4.1.1 | 4.2.2 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
Not sortable:
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | |||
|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | |||||
| 4.1.1 | 4.2.2 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
Line classes
Line bottom on row:
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Line top on row:
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Line left on cells:
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Line right on cells:
| Heading 0 | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| Subheading 1 | 1.1 | 1.2 | 1.3 |
| Subheading 2 | 2.1 | 2.2 | 2.3 |
Testing all border colors
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |