From 9fb0c7660a8cd77bceb7d1f7334759a7faf40148 Mon Sep 17 00:00:00 2001
From: Miraaj Kadam <miraajkadam@gmail.com>
Date: Wed, 4 Mar 2026 23:33:49 +0530
Subject: [PATCH] fix: column visibility toggle disabled state for header
 groups

---
 .../menus/MRT_ShowHideColumnsMenuItems.tsx          | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx b/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx
index 89716a4b8..95cd8850c 100644
--- a/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx
+++ b/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx
@@ -109,6 +109,17 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
     return null;
   }
 
+  const isColumnVisibilityToggleDisabled = () => {
+    const cols = column.columns;
+
+    const isNonHidable = (c: MRT_Column<TData>) =>
+      c.columnDef.enableHiding === false;
+
+    if (!cols?.length || !cols.some(isNonHidable)) return !column.getCanHide();
+
+    return cols.every((c) => isNonHidable(c) || !c.getIsVisible());
+  };
+
   return (
     <>
       <MenuItem
@@ -176,7 +187,7 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
                   <Switch />
                 </Tooltip>
               }
-              disabled={!column.getCanHide()}
+              disabled={isColumnVisibilityToggleDisabled()}
               label={columnDef.header}
               onChange={() => handleToggleColumnHidden(column)}
             />