Table

Bootstrap provides table with its own custom table styles. This simple table can be also converted to table with striped rows, bordered table, table with hover rows, condensed table, table with contextual classes and responsive table.

The Propeller Table is an enhanced version of the Bootstrap standard HTML <table>. Include .pmd-table followed by .table to use Propeller table.

Card Table reformats each row into a card for narrow screens. This way user can view complete information without horizontal scroll. Add .pmd-table-card to convert simple table into Card Table.

Nested Table is a table inside a table. It can have several rows for each row of its parent table. Add .child-table to the tr where you want to nest your table. Then add colspan to the td followed by above tr with the value equal to the number of columns in sub-table. Add .table-sm followed by .table in nested table tag to make it look like sub-table.

Create Striped Rows Table by adding .table-striped in your code.

Create Bordered Table by adding .table-bordered in your code.

Create Hoverable Rows Table by adding .table-hover in your code.

Create Small Table by adding .table-sm in your code.

To create Contextual Table add the class on row namely .table-active for active, .table-success for success, .table-info for info, .table-warning for warning, and .table-danger for danger.

Create Inverse Table by adding .table-inverse in your code.

Create Reflow Table by adding .table-reflow in your code.