Tables
A plain table, the striped and compact variants, and the full datatable engine.
Datatable
Search · sort · faceted filters · column visibility · pagination · CSV export
| User | Role | Team | Status | Last active |
|---|---|---|---|---|
AOAmara Okonkwo |
Owner | People Ops | Active | 2 minutes ago |
TBTomas Berg |
Admin | Engineering | Active | 14 minutes ago |
PRPriya Raghavan |
Admin | People Ops | Active | 38 minutes ago |
SOSofia Oliveira |
Manager | Support | Active | 3 hours ago |
HMHannah Mbeki |
Editor | Marketing | Active | 4 hours ago |
DKDmitri Kovalenko |
Member | Engineering | Invited | Never |
YTYuki Tanabe |
Editor | Engineering | Inactive | 104 days ago |
OGOliver Grant |
Member | Support | Suspended | 21 days ago |
CLClara Lindqvist |
Member | Marketing | Active | 8 hours ago |
ZHZara Haddad |
Manager | Engineering | Active | 11 hours ago |
WZWei Zhang |
Editor | Engineering | Active | 13 hours ago |
NWNadia Weber |
Member | Finance | Invited | Never |
Markup
<table
data-datatable
data-search="Search users…"
data-per-page="8"
data-facets="Role,Team,Status"
data-export="demo-users"
>Facet names must match the header text exactly. Omit data-export to hide the export button.
Plain
Recently added
A card header with an action, no enhancement
| User | Role | Team | Status | Last active |
|---|---|---|---|---|
| Amara Okonkwo | Owner | People Ops | Active | 2 minutes ago |
| Tomas Berg | Admin | Engineering | Active | 14 minutes ago |
| Priya Raghavan | Admin | People Ops | Active | 38 minutes ago |
| Sofia Oliveira | Manager | Support | Active | 3 hours ago |
| Hannah Mbeki | Editor | Marketing | Active | 4 hours ago |
| Dmitri Kovalenko | Member | Engineering | Invited | Never |
Striped
| User | Role | Team | Status | Last active |
|---|---|---|---|---|
| Amara Okonkwo | Owner | People Ops | Active | 2 minutes ago |
| Tomas Berg | Admin | Engineering | Active | 14 minutes ago |
| Priya Raghavan | Admin | People Ops | Active | 38 minutes ago |
| Sofia Oliveira | Manager | Support | Active | 3 hours ago |
| Hannah Mbeki | Editor | Marketing | Active | 4 hours ago |
| Dmitri Kovalenko | Member | Engineering | Invited | Never |
Compact & bordered
| User | Role | Team | Status |
|---|---|---|---|
| Amara Okonkwo | Owner | People Ops | Active |
| Tomas Berg | Admin | Engineering | Active |
| Priya Raghavan | Admin | People Ops | Active |
| Sofia Oliveira | Manager | Support | Active |
| Hannah Mbeki | Editor | Marketing | Active |
| Dmitri Kovalenko | Member | Engineering | Invited |
| Yuki Tanabe | Editor | Engineering | Inactive |
| Oliver Grant | Member | Support | Suspended |
With row selection
3 of 12 selected
| User | Role | Team | Status | |
|---|---|---|---|---|
| Amara Okonkwo | Owner | People Ops | Active | |
| Tomas Berg | Admin | Engineering | Active | |
| Priya Raghavan | Admin | People Ops | Active | |
| Sofia Oliveira | Manager | Support | Active | |
| Hannah Mbeki | Editor | Marketing | Active | |
| Dmitri Kovalenko | Member | Engineering | Invited | |
| 6 users | 4 roles | 3 teams | 5 active |
Empty
| User | Role | Team | Status | Last active |
|---|---|---|---|---|
|
No users match those filters Try widening the search, or clear the three active filters. |
||||