Table component examples

Tables make dense, comparable data easier to scan without flattening the detail.

Also known as Data table, Data grid, Editable table, Striped table

Table from Aalto Design System

Table

Aalto Design System

Dynamic table from Atlassian Design System

Dynamic table

Atlassian Design System

Table tree from Atlassian Design System

Table tree

Atlassian Design System

Data Table from Backpack

Data Table

Table from Backpack

Table

Flex Table from Base

Flex Table

Grid Table from Base

Grid Table

Table from Base

Table

Data Table from Basis Design System

Data Table

Basis Design System

Table from Canvas Design System

Table

Canvas Design System

Table from Chakra UI

Table

Table from Cloudscape

Table

Table from Codex

Table

Editable Table from Duet Design System

Editable Table

Duet Design System

Table from Duet Design System

Table

Duet Design System

Comparison Table from Elisa Design System

Comparison Table

Elisa Design System

Table from Elisa Design System

Table

Elisa Design System

Table from Flowbite

Table

Table from Geist Design System

Table

Geist Design System

Table from GOV.UK Design System

Table

GOV.UK Design System

Table from GOV.UK Design System

Table

GOV.UK Design System

Data Table from Morningstar Design

Data Table

Morningstar Design

Table from Nord Design System

Table

Nord Design System

Table from NYS Design System

Table

NYS Design System

Table from Pajamas Design System

Table

Pajamas Design System

Table from Paste

Table

Table from PatternFly

Table

Table from Polaris

Table

Data Table from Protocol

Data Table

Data Table from shadcn

Data Table

Table from shadcn

Table

Table from Solar

Table

Data Table from Tractie

Data Table

Table from WDN Design System

Table

WDN Design System

Table from Wise Design

Table

Explore adjacent component patterns.

Pagination

List

List group, List item, Ordered list, Unordered list

Chart

Area chart, Bar chart, Line chart, Pie chart, Donut chart

Empty state

blankslate, Empty, Illustrated message