Basic Table
.table
# | Name | Position | Work Hours |
---|---|---|---|
1 | John Doe | CEO | 10am - 6pm |
2 | Malory Grimm | Manager | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Susan White | CEO | 9am - 6pm |
Bordered Table
# | Name | Position | Work Hours |
---|---|---|---|
1 | John Doe | CEO | 10am - 6pm |
2 | Malory Grimm | Manager | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Susan White | CEO | 9am - 6pm |
Condensed Table
# | Name | Position | Work Hours |
---|---|---|---|
1 | John Doe | CEO | 10am - 6pm |
2 | Malory Grimm | Manager | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Todd | the Lion | @rawr |
5 | Cynthia | the Dino | @mewo |
On-Hover Table
# | Name | Position | Work Hours |
---|---|---|---|
1 | John Doe | CEO | 10am - 6pm |
2 | Malory Grimm | Manager | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Susan White | CEO | 9am - 6pm |
Responsive Table
# | Table heading | Table heading | Table heading | Table heading | Table heading |
---|---|---|---|---|---|
1 | Table cell | Table cell | Table cell | Table cell | Table cell |
2 | Table cell | Table cell | Table cell | Table cell | Table cell |
3 | Table cell | Table cell | Table cell | Table cell | Table cell |
4 | Table cell | Table cell | Table cell | Table cell | Table cell |
Striped Table
# | Name | Position | Work Hours |
---|---|---|---|
1 | John Doe | CEO | 10am - 6pm |
2 | Malory Grimm | Manager | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Susan White | CEO | 9am - 6pm |
Preformatted Row Content
1. | Body | Widget |
---|---|---|
2. | Lorem ipsum dolor sit amet, adipiscing elit | |
3. | Lorem ipsum dolor sit amet tulac beyond raytas | |
4. | Lorem ipsum dolor sit amet, consectetur adipiscing | |
5. | Lorem ipsum dolor sit amet, consectetur adipiscing elit |
|
6. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | 102030 |
7. | Lorem ipsum dolor sit amet, consectetur | |
9. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | 1,2,4,6,8,10,8 |
10. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | |
11. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | 1,1,12,2,2 |
12. | Lorem ipsum dolor sit amet, consectetur adipiscing elit |
|
13. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | |
14. | Lorem ipsum dolor sit amet, consectetur adipiscing elit |
|
15. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | |
16. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | 3Label |
17. | Lorem ipsum dolor sit amet, consectetur adipiscing elit | |
18. | Lorem ipsum dolor sit amet, consectetur adipiscing elit |
Header Colors
# | Name |
.primary
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.success
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.info
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.warning
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.danger
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.alert
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.system
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
# | Name |
.dark
|
---|---|---|
1 | John Doe | Cell |
2 | Malory Grimm | Cell |
3 | Don Kihot | Cell |
4 | Susan White | Cell |
Colored Table
# | Name | Position | Work Hours |
---|---|---|---|
1 | John Doe | CEO | 10am - 6pm |
1 | John Doe | CEO | 10am - 6pm |
2 | Malory Grimm | Manager | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Susan White | CEO | 9am - 6pm |
3 | Don Kihot | Manager | 8am - 5pm |
4 | Susan White | CEO | 9am - 6pm |
4 | Susan White | CEO | 9am - 6pm |
4 | Susan White | CEO | 9am - 6pm |