Table Examples

.table and .table-md

Header 1 Header 2
Item 1 Item 2
Item 3 Item 4

This table uses the .table and .table-md classes for styling.

.table-vcenter

Header 1 Header 2
Item 1 Item 2
Item 3 Item 4

This table uses the .table-vcenter class to vertically center content.

.table-center

Header 1 Header 2
Item 1 Item 2
Item 3 Item 4

This table uses the .table-center class to center text.

.table-striped

Header 1 Header 2
Item 1 Item 2
Item 3 Item 4
Item 5 Item 6
Item 7 Item 8
Item 9 Item 10

This table uses the .table-striped class for alternating row colors.

.table-calendar

Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

This is a calendar styled using the .table-calendar class.

.table-calendar-link

Date Link

This link is styled with the .table-calendar-link class for calendar dates.

.table-header

Sortable Header

This header is styled with the .table-header class, indicating sortability.

.table-header-asc

Ascending Header

This header is styled with the .table-header-asc class, indicating ascending order.

.table-header-desc

Descending Header

This header is styled with the .table-header-desc class, indicating descending order.