Table

A table is used to display large data sets that can be easily laid out in a simple grid with column headers.

Demos

Basic

Basic screenshot

Sortable

Sortable screenshot

Expandable

Expandable screenshot

Compact

Compact screenshot

Compound expansion

Compound expansion screenshot

Loading state demo

Loading state demo screenshot

Empty state

Empty state screenshot

Static bottom pagination

Static bottom pagination screenshot

Column management modal

Column management modal screenshot
Sticky header screenshot

Sticky first column

Sticky first column screenshot

Sticky multiple columns

Sticky multiple columns screenshot

Sticky header and multiple columns

Sticky header and multiple columns screenshot

Sticky header and last column

Sticky header and last column screenshot

Cell with image alignment

By default, table cell alignment is set to baseline. This retains vertical alignment with varying text size, but can cause visual inconsistencies with images. The vertical alignment of images within table cells may need to be specified to provide proper alignment.

Cell with image alignment screenshot
We use cookies on our websites to deliver our online services. Details about how we use cookies and how you may disable them are set out in our Privacy Statement. By using this website you agree to our use of cookies.