DataTable in Action
Live demo with mock records loaded from JSON — search, filter, sort, paginate, select, and trigger row actions.
Customer Directory
109Browse and manage all customer accounts.
| Company | License | Status | About | ||
|---|---|---|---|---|---|
C
Catalog
catalogapp.io | Enterprise | Active | Design platform for distributed teams | ||
C
Circooles
circooles.com | Business | Active | Real-time collaboration suite | ||
C
Command+R
cmdr.ai | Business | Churned | AI assistant platform for developers | ||
H
Hourglass
hourglass.app | Enterprise | Active | Time tracking and invoicing solution | ||
L
Layers
getlayers.io | Free | Pending | Design system toolkit for startups | ||
Q
Quotient
quotient.co | Enterprise | Active | Financial analytics and reporting | ||
S
Sisyphus
sisyphus.com | Business | Churned | Project management tool for agencies | ||
C
Capsule
capsule.com | Business | Active | CRM for small and mid-size teams | ||
L
Luminous
luminous.dev | Enterprise | Active | Developer portal and API docs | ||
A
Apex
apex.io | Free | Pending | API gateway and rate limiting |
Page 1 of 11
...
Customer Directory (Menu variant)
109Same data, with 3-dot row menu instead of inline actions.
| Company | License | Status | About | ||
|---|---|---|---|---|---|
C
Catalog
catalogapp.io | Enterprise | Active | Design platform for distributed teams | ||
C
Circooles
circooles.com | Business | Active | Real-time collaboration suite | ||
C
Command+R
cmdr.ai | Business | Churned | AI assistant platform for developers | ||
H
Hourglass
hourglass.app | Enterprise | Active | Time tracking and invoicing solution | ||
L
Layers
getlayers.io | Free | Pending | Design system toolkit for startups | ||
Q
Quotient
quotient.co | Enterprise | Active | Financial analytics and reporting | ||
S
Sisyphus
sisyphus.com | Business | Churned | Project management tool for agencies | ||
C
Capsule
capsule.com | Business | Active | CRM for small and mid-size teams | ||
L
Luminous
luminous.dev | Enterprise | Active | Developer portal and API docs | ||
A
Apex
apex.io | Free | Pending | API gateway and rate limiting |
Page 1 of 11
...
Summary Scope:
Order Summary
15Inventory orders with aggregated totals in the footer row.
| Product | Quantity | Unit Price | Total Amount | |
|---|---|---|---|---|
| Wireless Mouse | 150 | 29.99 | 4498.50 | |
| Mechanical Keyboard | 75 | 89.99 | 6749.25 | |
| USB-C Hub | 200 | 45.00 | 9000.00 | |
| Monitor Stand | 60 | 79.95 | 4797.00 | |
| Webcam HD | 120 | 59.99 | 7198.80 | |
| Total | 2,945 | $50.32 | $101,034.30 |
Page 1 of 3
Customer Directory (list mode)
109Same data, rendered as ListItem cards. Sort moves to a toolbar dropdown; everything else works identically.
CatalogActive
catalogapp.io · Design platform for distributed teams
CircoolesActive
circooles.com · Real-time collaboration suite
Command+RChurned
cmdr.ai · AI assistant platform for developers
HourglassActive
hourglass.app · Time tracking and invoicing solution
LayersPending
getlayers.io · Design system toolkit for startups
Page 1 of 22
...
Customer Directory (info-row mode)
109Outlook-style inbox rows. Hover any row to swap the avatar for a selection checkbox. Emphasis is driven by customer status.
C
Catalog
catalogapp.io · Enterprise
Design platform for distributed teams
C
Circooles
circooles.com · Business
Real-time collaboration suite
C
Command+R
cmdr.ai · Business
AI assistant platform for developers
H
Hourglass
hourglass.app · Enterprise
Time tracking and invoicing solution
L
Layers
getlayers.io · Free
Design system toolkit for startups
Q
Quotient
quotient.co · Enterprise
Financial analytics and reporting
Page 1 of 19
...