Blocks

Tables

Users need to see structured data in a manner that makes the data readable, scannable, and comparable.

Read the official Bootstrap documentation for tables.

Default table

Top of page

Table with horizontal dividers

Top of page

Bordered table

Top of page

Table with striped rows

Top of page

Table with background colour

Top of page

Table with combinations

Top of page

Responsive table

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

Top of page