SSR Filter Table

1'use client'
2 
3import type { ColumnDef } from '@tanstack/react-table'
4 
5// This type is used to define the shape of our data.
6// You can use a Zod schema here if you want.
7export type User = {
8  id: number
9  name: string
10  email: string
11  role: string
12  status: string
13}
14 
15export const columns: ColumnDef<User>[] = [
16  {
17    accessorKey: 'name',
18    header: 'Name',
19    enableSorting: false,
20  },
21  {
22    accessorKey: 'email',
23    header: 'Email',
24    sortingFn: 'alphanumeric',
25  },
26  {
27    accessorKey: 'role',
28    header: 'Role',
29    sortingFn: 'basic',
30    filterFn: 'equalsString',
31  },
32  {
33    accessorKey: 'status',
34    header: 'Status',
35    sortingFn: 'basic',
36    filterFn: 'equalsString',
37  },
38]