app: Fix show/hide columns for /impoert/jobs/x/data

Author: jhf

app/src/app/import/jobs/[jobSlug]/data/page.tsx

@@ -11,7 +11,7 @@ import { DataTable } from "@/components/data-table/data-table";
 import { DataTableToolbar } from "@/components/data-table/data-table-toolbar";
 import { DataTableColumnHeader } from "@/components/data-table/data-table-column-header";
 import { 
-  ColumnDef, PaginationState, SortingState, ColumnFiltersState, FilterFn, Row,
+  ColumnDef, PaginationState, SortingState, ColumnFiltersState, FilterFn, Row, VisibilityState,
   useReactTable, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, getFacetedRowModel, getFacetedUniqueValues, getFacetedMinMaxValues 
 } from "@tanstack/react-table";
 import Link from "next/link";
@@ -135,6 +135,7 @@ export default function ImportJobDataPage() {
   ]);
 
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([]);
+  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});
 
   const { data: job, error: jobError, isLoading: isJobLoading } = useSWR<ImportJob>(
     `import-job/${jobSlug}`,
@@ -458,13 +459,15 @@ export default function ImportJobDataPage() {
       pagination,
       sorting,
       columnFilters,
+      columnVisibility,
     },
     enableFilters: true,
     enableColumnFilters: true,
     enableRowSelection: true,
     onPaginationChange: setPagination,
     onSortingChange: setSorting,
     onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
     getRowId: (row) => String(row.row_id),
     manualPagination: true,
     manualSorting: true,

app/src/components/data-table/data-table-view-options.tsx

@@ -31,10 +31,7 @@ export function DataTableViewOptions<TData>({
     () =>
       table
         .getAllColumns()
-        .filter(
-          (column) =>
-            typeof column.accessorFn !== "undefined" && column.getCanHide(),
-        ),
+        .filter((column) => column.getCanHide()),
     [table],
   );