Data Table

Sorting, filtering, selection, pagination

A production-grade table composed from the Table primitive and plain React state — no table library, every interaction real.

Full-featured table

Search, status filter, column visibility, sortable headers, row selection with bulk actions, and working pagination.

Automations
Every flow Perpetuum runs for a client, with its monthly value.
Actions
Ticket triage
FLW-1070
VarnhemFemke B.Active5.210€ 7.3001h ago
Lead router
FLW-1043
VarnhemFemke B.Active3.891€ 6.8005h ago
Donor onboarding
FLW-1051
Beacon FondsenwervingPim H.Active1.980€ 5.4003h ago
Payout audit
FLW-1094
Beacon FondsenwervingPim H.Pending512€ 4.6001d ago
Invoice intake
FLW-1042
KestrelDaan V.Active4.128€ 4.2002h ago

Showing 1–5 of 14

Rows per page
Page 1 of 3

Loading state

The same table shape filled with skeletons, so the layout never shifts when data lands.

AutomationClientStatusRunsMRR
Skeleton rows mirror the real column widths.

Compact variant

Denser padding and smaller type for dashboards where vertical space is scarce.

AutomationClientStatusRunsMRR
Invoice intakeKestrelActive4.128€ 4.200
Lead routerVarnhemActive3.891€ 6.800
Assay splitterKestrelPending2.650€ 3.150
Donor onboardingBeacon FondsenwervingActive1.980€ 5.400
Store rota syncHalcyonPaused640€ 1.200
Contract summariserVarnhemFailed128€ 2.400
Same primitives, tightened row height and badge scale.