Resizable / Reorderable Columns

1'use client'
2 
3import type { ColumnDef } from '@tanstack/react-table'
4 
5export type User = {
6  id: string
7  name: string
8  email: string
9  role: string
10  status: string
11}
12 
13export const columns: ColumnDef<User>[] = [
14  {
15    id: 'name',
16    accessorKey: 'name',
17    header: 'Name',
18    size: 180,
19    minSize: 100,
20    maxSize: 400,
21  },
22  {
23    id: 'email',
24    accessorKey: 'email',
25    header: 'Email',
26    size: 220,
27    minSize: 140,
28    maxSize: 400,
29  },
30  {
31    id: 'role',
32    accessorKey: 'role',
33    header: 'Role',
34    size: 140,
35    minSize: 80,
36    maxSize: 300,
37  },
38  {
39    id: 'status',
40    accessorKey: 'status',
41    header: 'Status',
42    size: 120,
43    minSize: 80,
44    maxSize: 300,
45  },
46]