Data Table

import { DataTable, type ColumnDef } from "@/components/ui/data-table";

interface User {
  id: string;
  name: string;
  email: string;
}

const users: User[] = [
  { id: "1", name: "Alice", email: "alice@example.com" },
  { id: "2", name: "Bob", email: "bob@example.com" },
];

const columns: ColumnDef<User>[] = [
  { id: "name", header: "Name", cell: ({ row }) => row.name, sortable: true, accessorKey: "name" },
  { id: "email", header: "Email", cell: ({ row }) => row.email, sortable: true, accessorKey: "email" },
];

export function ExampleDataTable() {
  return (
    <DataTable
      data={users}
      columns={columns}
      searchable
      enableSelection
      pageSize={10}
    />
  );
}