material-react-table 1.3.14 → 1.3.16

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.14",
+  "version": "1.3.16",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/menus/MRT_ColumnActionMenu.tsx

@@ -351,7 +351,7 @@ export const MRT_ColumnActionMenu: FC<Props> = ({
         ]}
       {enableHiding && [
         <MenuItem
-          disabled={columnDef.enableHiding === false}
+          disabled={!column.getCanHide()}
           key={0}
           onClick={handleHideColumn}
           sx={commonMenuItemStyles}

package/src/menus/MRT_ShowHideColumnsMenu.tsx

@@ -33,7 +33,13 @@ export const MRT_ShowHideColumnsMenu = <
     getRightLeafColumns,
     getState,
     toggleAllColumnsVisible,
-    options: { localization, enablePinning, enableColumnOrdering },
+    options: {
+      enableColumnOrdering,
+      enableHiding,
+      enablePinning,
+      localization,
+      columns,
+    },
   } = table;
   const { density, columnOrder, columnPinning } = getState();
 
@@ -59,6 +65,7 @@ export const MRT_ShowHideColumnsMenu = <
     }
     return columns;
   }, [
+    columns,
     columnOrder,
     columnPinning,
     getAllColumns(),
@@ -88,7 +95,7 @@ export const MRT_ShowHideColumnsMenu = <
           pt: 0,
         }}
       >
-        {!isSubMenu && (
+        {!isSubMenu && enableHiding && (
           <Button
             disabled={!getIsSomeColumnsVisible()}
             onClick={hideAllColumns}
@@ -115,12 +122,14 @@ export const MRT_ShowHideColumnsMenu = <
             {localization.unpinAll}
           </Button>
         )}
-        <Button
-          disabled={getIsAllColumnsVisible()}
-          onClick={() => toggleAllColumnsVisible(true)}
-        >
-          {localization.showAll}
-        </Button>
+        {enableHiding && (
+          <Button
+            disabled={getIsAllColumnsVisible()}
+            onClick={() => toggleAllColumnsVisible(true)}
+          >
+            {localization.showAll}
+          </Button>
+        )}
       </Box>
       <Divider />
       {allColumns.map((column, index) => (

package/src/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -157,11 +157,7 @@ export const MRT_ShowHideColumnsMenuItems = <
                   <Switch />
                 </Tooltip>
               }
-              disabled={
-                (isSubMenu && switchChecked) ||
-                !column.getCanHide() ||
-                column.getIsGrouped()
-              }
+              disabled={(isSubMenu && switchChecked) || !column.getCanHide()}
               label={columnDef.header}
               onChange={() => handleToggleColumnHidden(column)}
             />