Data Table

Full-featured customer data table with search toolbar, status tabs, column sorting, bulk selection, pagination, and a slide-over details drawer on row click.

CustomerPlanStatusSeat UtilizationUpdatedActions
LI
Linear Orbit Inc.
billing@linearorbit.io
Enterprise AnnualActive$4,200.00
2 hours ago
RA
Raycast Labs GmbH
finance@raycastlabs.de
Enterprise AnnualActive$3,150.00
5 hours ago
NO
Northstar Analytics
ops@northstar.co
Scale AnnualPast Due$1,950.00
2 days ago
CH
chronicle.so
accounts@chronicle.so
Pro MonthlyTrialing$890.00
1 day ago
VE
Veloce Design Studio
team@veloce.design
Pro MonthlyActive$640.00
3 days ago
Showing 1 to 5 of 5 results

Installation

You can add this data table component using our CLI or manually:

Dark mode ready - this component follows Ethereal UI semantic tokens automatically. Set up theme switching.

The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.

npx @etherealui/cli@latest add data-table