Tables

import { useReactTable, getCoreRowModel, getSortedRowModel } from '@tanstack/react-table';

const tableConfig = {
  columns: [
    {
      accessorKey: 'name',
      header: 'Name',
      cell: ({ getValue }) => getValue(),
    },
    {
      accessorKey: 'email',
      header: 'Email',
      cell: ({ getValue }) => getValue(),
    },
    {
      accessorKey: 'status',
      header: 'Status',
      cell: ({ getValue }) => (
        <Badge variant={getValue() === 'active' ? 'success' : 'warning'}>
          {getValue()}
        </Badge>
      ),
    },
  ],
  features: {
    sorting: true,
    filtering: true,
    pagination: true,
    rowSelection: true,
  },
};

const table = useReactTable({
  data,
  columns: tableConfig.columns,
  getCoreRowModel: getCoreRowModel(),
  getSortedRowModel: getSortedRowModel(),
});