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 |