Tables
Tables are to be used to display data and related information that would be naturally found in a grid and using tables correctly positively affect the accessibility of the information.
Tables are not to be used to influence the layout of a page.
A general rule of thumb is that if it’s something you would put into a spreadsheet, you’ll probably want to put it into a table.
Table bordered
| # | First name | Last name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otton | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Table bordered dark
| # | First name | Last name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Table hover rows
| # | First name | Last name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | Bird |
Table hover rows dark
| # | First name | Last name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | Bird |