CSS Tables
Default Table
For basic styling add the base class .css-table to any <table>.
| # | Name | Profession | Department |
|---|---|---|---|
| 1 | John Peters | Manager | Finance |
| 2 | Julia Luise | Accountant | Accounting Division |
| 3 | Barry White | Programmer | IT Division |
Table with Stripped Rows
Add class .zebra for auto zebra-striping to any table row within the <tbody>.
| # | Name | Profession | Department |
|---|---|---|---|
| 1 | John Peters | Manager | Finance |
| 2 | Julia Luise | Accountant | Accounting Division |
| 3 | Barry White | Programmer | IT Division |
Zebra with Color modifiers
Use Color modifier classes to color table rows or individual cells: .active, .success, .info, .warning or .danger.
| # | Name | Profession | Department |
|---|---|---|---|
| 1 | John Peters | Manager | Finance |
| 2 | Julia Luise | Accountant | Accounting Division |
| 3 | Barry White | Programmer | IT Division |
| 4 | Sam Logan | Analytic | IT Division |