Example: Default table styles
By default tables are styled with inner horizontal borders. Table headings and data are set at 13px. No additional classes necessary.
# | First Name | Last Name | Language |
---|---|---|---|
1 | Some | One | English |
2 | Joe | Sixpack | English |
3 | Stu | Dent | Code |
Example: Condensed table
For large tables where tight spacing is required.
Usage: <table class="condensed"> ... </table>
# | First Name | Last Name | Language |
---|---|---|---|
1 | Some | One | English |
2 | Joe | Sixpack | English |
3 | Stu | Dent | Code |
Example: Bordered table
Inner and outer borders. May be combined with condensed
class.
Usage: <table class="bordered"> ... </table>
# | First Name | Last Name | Language |
---|---|---|---|
1 | Some | One | English |
2 | Joe | Sixpack | English |
3 | Stu | Dent | Code |
Example: Zebra-striped
Alternating row color style. May be combined with condensed
and/or bordered
classes.
Usage: <table class="zebra-striped"> ... </table>
# | First Name | Last Name | Language |
---|---|---|---|
1 | Some | One | English |
2 | Joe | Sixpack | English |
3 | Stu | Dent | Code |