pin columns

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments._index/columns.tsx

@@ -47,12 +47,14 @@ export const columns: ColumnDef<Enrollment>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnSelect
+    cell: DataTableColumnSelect,
+    meta: { className: 'w-9' }
   },
   ...columns_,
   {
-    id: 'actions',
-    cell: ActionMenu
+    id: 'action',
+    cell: ActionMenu,
+    meta: { className: 'w-12' }
   }
 ]
 

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments._index/route.tsx

@@ -89,6 +89,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
             sort={[{ id: 'created_at', desc: true }]}
             columns={columns}
             data={hits as Enrollment[]}
+            columnPinning={{ left: ['select'], right: ['action'] }}
             pageIndex={page - 1}
             pageSize={hitsPerPage}
             setSelectedRows={setSelectedRows}

apps/admin.saladeaula.digital/app/routes/_.$orgid.orders._index/columns.tsx

@@ -14,7 +14,8 @@ export const columns: ColumnDef<Order>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnSelect
+    cell: DataTableColumnSelect,
+    meta: { className: 'w-9' }
   },
   ...columns_
 ]

apps/admin.saladeaula.digital/app/routes/_.$orgid.users._index/columns.tsx

@@ -42,12 +42,14 @@ export const columns: ColumnDef<User>[] = [
   {
     id: 'select',
     header: DataTableColumnHeaderSelect,
-    cell: DataTableColumnSelect
+    cell: DataTableColumnSelect,
+    meta: { className: 'w-9' }
   },
   ...columns_,
   {
     id: 'actions',
-    cell: ActionMenu
+    cell: ActionMenu,
+    meta: { className: 'w-12' }
   }
 ]