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-middlealign th & td element to middle.table-th-valign-middlealign th element to middle.table-td-valign-middlealign td element to middle.table-valign-topalign th & td element to top.table-th-valign-topalign th element to top.table-td-valign-topalign td element to top.table-valign-bottomalign th & td element to bottom.table-th-valign-bottomalign th element to bottom.table-td-valign-bottomalign 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.
Source Admin




