Basic Tables header small text goes here...
Bootstrap Table
For basic styling—light padding and only horizontal dividers—add the base class .table
to any <table>
.
It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.
Other classes for table
.table-valign-middle
align th & td element to middle.table-th-valign-middle
align th element to middle.table-td-valign-middle
align td element to middle.table-valign-top
align th & td element to top.table-th-valign-top
align th element to top.table-td-valign-top
align td element to top.table-valign-bottom
align th & td element to bottom.table-th-valign-bottom
align th element to bottom.table-td-valign-bottom
align td element to bottom
Bootstrap Table Hover, Striped & Bordered
Use .table-striped
to add zebra-striping to any table row within the <tbody>
.
Add .table-bordered
for borders on all sides of the table and cells.
Add .table-hover
to enable a hover state on table rows within a <tbody>
.
Contextual classes for Table
.success
.info
.warning
.danger
.active
Bootstrap Table Header Theme
Add the required class in table header row tr
in order to change theme color.
10 table header theme is available:
.white
, .grey
, .inverse
, .primary
.info
, .purple
, .success
, .lime
.warning
, .danger
.