fix: preserve columnVisibility from initialState (#19412)

2025-02-21 08:56:51 +01:00
parent 4a6704c934
commit 0b3aa4fd34
1 changed files with 7 additions and 2 deletions
@@ -1,6 +1,6 @@
 "use client";

-import type { Table as ReactTableType } from "@tanstack/react-table";
+import type { Table as ReactTableType, VisibilityState } from "@tanstack/react-table";
 import { useEffect, useRef } from "react";

 import {
@@ -61,11 +61,16 @@ export function DataTableWrapper<TData, TValue>({
  const columnFilters = useColumnFilters();

  useEffect(() => {
+    const mergedColumnVisibility = {
+      ...(table.initialState?.columnVisibility || {}),
+      ...columnVisibility,
+    } satisfies VisibilityState;
+
    table.setState((prev) => ({
      ...prev,
      sorting,
      columnFilters,
-      columnVisibility,
+      columnVisibility: mergedColumnVisibility,
    }));
    table.setOptions((prev) => ({
      ...prev,