data/table.tsx

Table

A data table with sortable columns, rows, and status pills.

Members4

Filter

Name	Status	Role	Joined
SC Sarah Chensarah@acme.io	active	Admin	Jan 12
AP Alex Parkalex@acme.io	active	Developer	Mar 4
ML Mia Leemia@acme.io	pending	Designer	Apr 19
BN Ben Novakben@acme.io	active	Developer	Jun 1

default

Members4

Filter

Name	Status	Role	Joined
SC Sarah Chensarah@acme.io	active	Admin	Jan 12
AP Alex Parkalex@acme.io	active	Developer	Mar 4
ML Mia Leemia@acme.io	pending	Designer	Apr 19
BN Ben Novakben@acme.io	active	Developer	Jun 1

fadeOut

Members4

Filter

Name	Status	Role	Joined
SC Sarah Chensarah@acme.io	active	Admin	Jan 12
AP Alex Parkalex@acme.io	active	Developer	Mar 4
ML Mia Leemia@acme.io	pending	Designer	Apr 19
BN Ben Novakben@acme.io	active	Developer	Jun 1

isometric

Members4

Filter

Name	Status	Role	Joined
SC Sarah Chensarah@acme.io	active	Admin	Jan 12
AP Alex Parkalex@acme.io	active	Developer	Mar 4
ML Mia Leemia@acme.io	pending	Designer	Apr 19
BN Ben Novakben@acme.io	active	Developer	Jun 1

isometric · fadeOut

Members4

Filter

Name	Status	Role	Joined
SC Sarah Chensarah@acme.io	active	Admin	Jan 12
AP Alex Parkalex@acme.io	active	Developer	Mar 4
ML Mia Leemia@acme.io	pending	Designer	Apr 19
BN Ben Novakben@acme.io	active	Developer	Jun 1

default · no gradient

Members4

Filter

Name	Status	Role	Joined
SC Sarah Chensarah@acme.io	active	Admin	Jan 12
AP Alex Parkalex@acme.io	active	Developer	Mar 4
ML Mia Leemia@acme.io	pending	Designer	Apr 19
BN Ben Novakben@acme.io	active	Developer	Jun 1

isometric · no gradient

Customer	Amount	Status	Date
EW Emma Wilson#ORD-4291	$249.00	active	May 12
RT Ryan Torres#ORD-4290	$89.50	pending	May 11
LC Lisa Chang#ORD-4289	$512.00	active	May 10

custom data · orders

Projects4

Filter

Project	Status	Tasks	Due
WR Website RedesignMarketing	active	12/20	Jun 15
MA Mobile App v2Engineering	pending	8/34	Jul 1
BG Brand GuidelinesDesign	active	18/18	May 30
AM API MigrationBackend	inactive	5/12	Jun 22

custom data · projects · isometric