Data TableTabular display of data with features like sorting.

Data Table

⌃ K

#	Status	Email	Amount
001	Success	ken99@example.com	$316.00
002	Success	abe45@example.com	$242.00
003	Processing	monserrat44@example.com	$837.00
004	Success	silas22@example.com	$874.00
005	Failed	carmella@example.com	$721.00
006	Success	jason.roberts@example.com	$1,200.00
007	Processing	lena.wu@example.com	$99.50
008	Success	derek.ng@example.com	$456.75
009	Failed	priya.sharma@example.com	$310.20
010	Success	omar.hassan@example.com	$88.00

1 / 2

import DataTable from '@/components/DataTable';
const columns = [  { header: 'Status', key: 'status', sortable: true },  { header: 'Email', key: 'email', sortable: true },  { header: 'Amount', key: 'amount', sortable: true },];
const data = [  { email: 'ken99@example.com', status: 'Success', amount: '$316.00' }];
export function Example() {  return (    <DataTable $columns={columns} $data={data} />  );}