diff --git a/apps/material-react-table-docs/components/prop-tables/tableOptions.ts b/apps/material-react-table-docs/components/prop-tables/tableOptions.ts index aff09eff2..7376d595f 100644 --- a/apps/material-react-table-docs/components/prop-tables/tableOptions.ts +++ b/apps/material-react-table-docs/components/prop-tables/tableOptions.ts @@ -522,6 +522,28 @@ export const tableOptions: TableOption[] = [ source: '', type: 'boolean', }, + { + tableOption: 'enableColumnResetPins', + defaultValue: '', + description: + "Determines if 'Reset Pins' option is available in the Show/Hide columns menu.", + link: '/docs/guides/column-pinning#column-resize-mode', + linkText: 'MRT Column Pinning Docs', + required: false, + source: 'MRT', + type: 'boolean', + }, + { + tableOption: 'enableColumnUnpinAll', + defaultValue: 'true', + description: + "Determines if 'Unpin All' option is available in the Show/Hide columns menu.", + link: '/docs/guides/column-pinning#column-resize-mode', + linkText: 'MRT Column Pinning Docs', + required: false, + source: 'MRT', + type: 'boolean', + }, { tableOption: 'enableCellActions', defaultValue: '', diff --git a/apps/material-react-table-docs/examples/enable-column-pinning/sandbox/src/TS.tsx b/apps/material-react-table-docs/examples/enable-column-pinning/sandbox/src/TS.tsx index 7f2ef4dc5..29691f79d 100644 --- a/apps/material-react-table-docs/examples/enable-column-pinning/sandbox/src/TS.tsx +++ b/apps/material-react-table-docs/examples/enable-column-pinning/sandbox/src/TS.tsx @@ -55,6 +55,7 @@ const Example = () => { columns, data, enableColumnPinning: true, + enableColumnResetPins: true, enableRowActions: true, layoutMode: 'grid-no-grow', //constant column widths renderRowActionMenuItems: () => [Action], diff --git a/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenu.tsx b/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenu.tsx index b6df6ead9..930ded350 100644 --- a/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenu.tsx +++ b/packages/material-react-table/src/components/menus/MRT_ShowHideColumnsMenu.tsx @@ -39,6 +39,8 @@ export const MRT_ShowHideColumnsMenu = ({ options: { enableColumnOrdering, enableColumnPinning, + enableColumnResetPins, + enableColumnUnpinAll, enableHiding, localization, mrtTheme: { menuBackgroundColor }, @@ -136,7 +138,7 @@ export const MRT_ShowHideColumnsMenu = ({ {localization.resetOrder} )} - {enableColumnPinning && ( + {enableColumnPinning && enableColumnUnpinAll && ( )} + {enableColumnPinning && enableColumnResetPins && ( + + )} {enableHiding && (