material-react-table 2.0.0-alpha.6 → 2.0.0-beta.0

package/locales/zh-Hant.esm.js

@@ -57,6 +57,7 @@ const MRT_Localization_ZH_HANT = {
     noResultsFound: '未找到結果',
     of: '/',
     or: '或',
+    pin: '固定',
     pinToLeft: '固定至左邊',
     pinToRight: '固定至右邊',
     resetColumnSize: '重置欄位大小',

package/locales/zh-Hant.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-Hant.esm.js","sources":["../src/locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"zh-Hant.esm.js","sources":["../src/locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/locales/zh-Hant.js

@@ -61,6 +61,7 @@ const MRT_Localization_ZH_HANT = {
     noResultsFound: '未找到結果',
     of: '/',
     or: '或',
+    pin: '固定',
     pinToLeft: '固定至左邊',
     pinToRight: '固定至右邊',
     resetColumnSize: '重置欄位大小',

package/locales/zh-Hant.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-Hant.js","sources":["../src/locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"zh-Hant.js","sources":["../src/locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAEa,MAAA,wBAAwB,GAAqB;AACxD,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,gBAAgB,EAAE,QAAQ;AAC1B,IAAA,gBAAgB,EAAE,QAAQ;AAC1B,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,aAAa,EAAE,kBAAkB;AACjC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,oBAAoB,EAAE,MAAM;AAC5B,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,sBAAsB,EAAE,QAAQ;AAChC,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,kBAAkB,EAAE,IAAI;AACxB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,0BAA0B,EAAE,MAAM;AAClC,IAAA,mBAAmB,EAAE,IAAI;AACzB,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,6BAA6B,EAAE,IAAI;AACnC,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,uBAAuB,EAAE,MAAM;AAC/B,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,iBAAiB,EAAE,2CAA2C;AAC9D,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,YAAY,EAAE,OAAO;AACrB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,kBAAkB,EAAE,QAAQ;AAC5B,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,mCAAmC,EAAE,kCAAkC;AACvE,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,eAAe,EAAE,UAAU;AAC3B,IAAA,eAAe,EAAE,YAAY;AAC7B,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,gBAAgB,EAAE,iBAAiB;AACnC,IAAA,iBAAiB,EAAE,kBAAkB;AACrC,IAAA,kBAAkB,EAAE,kBAAkB;AACtC,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,gBAAgB,EAAE,OAAO;AACzB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,gBAAgB,EAAE,OAAO;AACzB,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,QAAQ,EAAE,QAAQ;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-beta.0",
   "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.",
@@ -60,16 +60,16 @@
     "storybook:dev": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
+    "@babel/core": "^7.23.2",
     "@babel/preset-react": "^7.22.15",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@faker-js/faker": "^8.1.0",
-    "@mui/icons-material": "^5.14.12",
-    "@mui/material": "^5.14.12",
-    "@mui/x-date-pickers": "^6.16.1",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/material": "^5.14.13",
+    "@mui/x-date-pickers": "^6.16.2",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.2",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
     "@size-limit/preset-small-lib": "^9.0.0",
     "@storybook/addon-a11y": "^7.4.6",
@@ -81,11 +81,11 @@
     "@storybook/react": "^7.4.6",
     "@storybook/react-vite": "^7.4.6",
     "@storybook/testing-library": "^0.2.2",
-    "@types/node": "^20.8.3",
-    "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.11",
-    "@typescript-eslint/eslint-plugin": "^6.7.4",
-    "@typescript-eslint/parser": "^6.7.4",
+    "@types/node": "^20.8.5",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
     "@vitejs/plugin-react": "^4.1.0",
     "eslint": "^8.51.0",
     "eslint-plugin-mui-path-imports": "^0.0.15",

package/src/body/MRT_TableBodyCell.tsx

@@ -213,8 +213,9 @@ export const MRT_TableBodyCell = <TData extends Record<string, any>>({
         alignItems: layoutMode?.startsWith('grid') ? 'center' : undefined,
         cursor:
           isEditable && editDisplayMode === 'cell' ? 'pointer' : 'inherit',
-        justifyContent:
-          layoutMode?.startsWith('grid') ? tableCellProps.align : undefined,
+        justifyContent: layoutMode?.startsWith('grid')
+          ? tableCellProps.align
+          : undefined,
         overflow: 'hidden',
         p:
           density === 'compact'
@@ -256,7 +257,7 @@ export const MRT_TableBodyCell = <TData extends Record<string, any>>({
       <>
         {cell.getIsPlaceholder() ? (
           columnDef.PlaceholderCell?.({ cell, column, row, table }) ?? null
-        ) : (isLoading || showSkeletons) && cell.getValue() === null ? (
+        ) : isLoading || showSkeletons ? (
           <Skeleton
             animation="wave"
             height={20}

package/src/body/MRT_TableBodyRow.tsx

@@ -208,16 +208,18 @@ export const MRT_TableBodyRow = <TData extends Record<string, any>>({
               ? (cellOrVirtualCell as VirtualItem)
               : undefined,
           };
-          return memoMode === 'cells' &&
+          return cell ? (
+            memoMode === 'cells' &&
             cell.column.columnDef.columnDefType === 'data' &&
             !draggingColumn &&
             !draggingRow &&
             editingCell?.id !== cell.id &&
             editingRow?.id !== row.id ? (
-            <Memo_MRT_TableBodyCell key={cell.id} {...props} />
-          ) : (
-            <MRT_TableBodyCell key={cell.id} {...props} />
-          );
+              <Memo_MRT_TableBodyCell key={cell.id} {...props} />
+            ) : (
+              <MRT_TableBodyCell key={cell.id} {...props} />
+            )
+          ) : null;
         })}
         {virtualPaddingRight ? (
           <td style={{ display: 'flex', width: virtualPaddingRight }} />

package/src/body/MRT_TableBodyRowGrabHandle.tsx

@@ -38,6 +38,7 @@ export const MRT_TableBodyRowGrabHandle = <TData extends Record<string, any>>({
   return (
     <MRT_GrabHandleButton
       iconButtonProps={iconButtonProps}
+      location="row"
       onDragEnd={handleDragEnd}
       onDragStart={handleDragStart}
       table={table}

package/src/body/index.ts

@@ -4,4 +4,4 @@ export * from './MRT_TableBodyCellValue';
 export * from './MRT_TableBodyRow';
 export * from './MRT_TableBodyRowGrabHandle';
 export * from './MRT_TableBodyRowPinButton';
-export * from './MRT_TableDetailPanel';
+export * from './MRT_TableDetailPanel';

package/src/buttons/MRT_ExpandButton.tsx

@@ -58,6 +58,7 @@ export const MRT_ExpandButton = <TData extends Record<string, any>>({
           onClick={handleToggleExpand}
           sx={(theme) => ({
             height: density === 'compact' ? '1.75rem' : '2.25rem',
+            opacity: !canExpand && !renderDetailPanel ? 0.3 : 1,
             width: density === 'compact' ? '1.75rem' : '2.25rem',
             ...(parseFromValuesOrFunc(iconButtonProps?.sx, theme) as any),
           })}

package/src/buttons/MRT_GrabHandleButton.tsx

@@ -6,6 +6,7 @@ import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any>> {
   iconButtonProps?: IconButtonProps;
+  location?: 'column' | 'row';
   onDragEnd: DragEventHandler<HTMLButtonElement>;
   onDragStart: DragEventHandler<HTMLButtonElement>;
   table: MRT_TableInstance<TData>;
@@ -13,6 +14,7 @@ interface Props<TData extends Record<string, any>> {
 
 export const MRT_GrabHandleButton = <TData extends Record<string, any>>({
   iconButtonProps,
+  location,
   onDragEnd,
   onDragStart,
   table,
@@ -53,7 +55,7 @@ export const MRT_GrabHandleButton = <TData extends Record<string, any>>({
           },
           cursor: 'grab',
           m: '0 -0.1rem',
-          opacity: 0.5,
+          opacity: location === 'row' ? 1 : 0.3,
           p: '2px',
           transition: 'all 150ms ease-in-out',
           ...(parseFromValuesOrFunc(iconButtonProps?.sx, theme) as any),

package/src/column.utils.ts

@@ -167,6 +167,7 @@ export const getLeadingDisplayColumnIds = <TData extends Record<string, any>>(
       'mrt-row-expand',
     props.enableRowSelection && 'mrt-row-select',
     props.enableRowNumbers && 'mrt-row-numbers',
+    props.layoutMode === 'grid-no-grow' && 'mrt-row-spacer',
   ].filter(Boolean) as MRT_DisplayColumnIds[];
 
 export const getTrailingDisplayColumnIds = <TData extends Record<string, any>>(
@@ -367,9 +368,10 @@ export const getCommonCellStyles = <TData extends Record<string, any>>({
     transition: table.options.enableColumnVirtualization
       ? 'none'
       : `padding 150ms ease-in-out`,
-    ...(!table.options.enableColumnResizing && widthStyles), //let devs pass in width styles if column resizing is disabled
+    ...widthStyles,
+    // ...(!table.options.enableColumnResizing && widthStyles), //let devs pass in width styles if column resizing is disabled
     ...(parseFromValuesOrFunc(tableCellProps?.sx, theme) as any),
-    ...(table.options.enableColumnResizing && widthStyles), //don't let devs pass in width styles if column resizing is enabled
+    // ...(table.options.enableColumnResizing && widthStyles), //don't let devs pass in width styles if column resizing is enabled
   };
 };
 
@@ -425,20 +427,19 @@ export const createRow = <TData extends Record<string, any>>(
     0,
   ) as MRT_Row<TData>;
 
-  export const extraIndexRangeExtractor = (
-    range: Range,
-    draggingIndex: number,
-  ) => {
-    const newIndexs = defaultRangeExtractor(range);
-    if (
-      draggingIndex >= 0 &&
-      draggingIndex < Math.max(range.startIndex - range.overscan, 0)
-    ) {
-      newIndexs.unshift(draggingIndex);
-    }
-    if (draggingIndex >= 0 && draggingIndex > range.endIndex + range.overscan) {
-      newIndexs.push(draggingIndex);
-    }
-    return newIndexs;
-  };
-  
+export const extraIndexRangeExtractor = (
+  range: Range,
+  draggingIndex: number,
+) => {
+  const newIndexs = defaultRangeExtractor(range);
+  if (
+    draggingIndex >= 0 &&
+    draggingIndex < Math.max(range.startIndex - range.overscan, 0)
+  ) {
+    newIndexs.unshift(draggingIndex);
+  }
+  if (draggingIndex >= 0 && draggingIndex > range.endIndex + range.overscan) {
+    newIndexs.push(draggingIndex);
+  }
+  return newIndexs;
+};

package/src/footer/MRT_TableFooterCell.tsx

@@ -57,7 +57,11 @@ export const MRT_TableFooterCell = <TData extends Record<string, any>>({
       <>
         {footer.isPlaceholder
           ? null
-          : parseFromValuesOrFunc(columnDef.Footer, { column, footer, table }) ??
+          : parseFromValuesOrFunc(columnDef.Footer, {
+              column,
+              footer,
+              table,
+            }) ??
             columnDef.footer ??
             null}
       </>

package/src/footer/MRT_TableFooterRow.tsx

@@ -62,9 +62,9 @@ export const MRT_TableFooterRow = <TData extends Record<string, any>>({
           ? footerGroup.headers[footerOrVirtualFooter.index]
           : (footerOrVirtualFooter as MRT_Header<TData>);
 
-        return (
+        return footer ? (
           <MRT_TableFooterCell footer={footer} key={footer.id} table={table} />
-        );
+        ) : null;
       })}
       {virtualPaddingRight ? (
         <th style={{ display: 'flex', width: virtualPaddingRight }} />

package/src/head/MRT_TableHead.tsx

@@ -57,7 +57,11 @@ export const MRT_TableHead = <TData extends Record<string, any>>({
     >
       {positionToolbarAlertBanner === 'head-overlay' &&
       (showAlertBanner || getSelectedRowModel().rows.length > 0) ? (
-        <tr style={{ display: layoutMode?.startsWith('grid') ? 'grid' : undefined }}>
+        <tr
+          style={{
+            display: layoutMode?.startsWith('grid') ? 'grid' : undefined,
+          }}
+        >
           <th
             colSpan={table.getVisibleLeafColumns().length}
             style={{

package/src/head/MRT_TableHeadCell.tsx

@@ -72,9 +72,9 @@ export const MRT_TableHeadCell = <TData extends Record<string, any>>({
 
   const headerPL = useMemo(() => {
     let pl = 0;
-    if (column.getCanSort()) pl++;
+    if (column.getCanSort()) pl += 1;
     if (showColumnActions) pl += 1.75;
-    if (showDragHandle) pl += 1.25;
+    if (showDragHandle) pl += 1.5;
     return pl;
   }, [showColumnActions, showDragHandle]);
 
@@ -126,6 +126,11 @@ export const MRT_TableHeadCell = <TData extends Record<string, any>>({
       }}
       {...tableCellProps}
       sx={(theme: Theme) => ({
+        '& :hover': {
+          '.MuiButtonBase-root': {
+            opacity: 1,
+          },
+        },
         flexDirection: layoutMode?.startsWith('grid') ? 'column' : undefined,
         fontWeight: 'bold',
         overflow: 'visible',
@@ -212,7 +217,7 @@ export const MRT_TableHeadCell = <TData extends Record<string, any>>({
                 '&:hover': {
                   textOverflow: 'clip',
                 },
-                minWidth: `${Math.min(columnDef.header?.length ?? 0, 5)}ch`,
+                minWidth: `${Math.min(columnDef.header?.length ?? 0, 4)}ch`,
                 overflow: columnDefType === 'data' ? 'hidden' : undefined,
                 textOverflow: 'ellipsis',
                 whiteSpace:
@@ -222,6 +227,9 @@ export const MRT_TableHeadCell = <TData extends Record<string, any>>({
             >
               {headerElement}
             </Box>
+            {column.getCanFilter() && (
+              <MRT_TableHeadCellFilterLabel header={header} table={table} />
+            )}
             {column.getCanSort() && (
               <MRT_TableHeadCellSortLabel
                 header={header}
@@ -229,9 +237,6 @@ export const MRT_TableHeadCell = <TData extends Record<string, any>>({
                 tableCellProps={tableCellProps}
               />
             )}
-            {column.getCanFilter() && (
-              <MRT_TableHeadCellFilterLabel header={header} table={table} />
-            )}
           </Box>
           {columnDefType !== 'group' && (
             <Box

package/src/head/MRT_TableHeadCellColumnActionsButton.tsx

@@ -65,8 +65,8 @@ export const MRT_TableHeadCellColumnActionsButton = <
               opacity: 1,
             },
             height: '2rem',
-            m: '-8px -4px',
-            opacity: 0.5,
+            m: '-4px',
+            opacity: 0.3,
             transform: `scale(0.85) ${
               columnFilterDisplayMode !== 'popover' ? 'translateX(-4px)' : ''
             }`,

package/src/head/MRT_TableHeadCellFilterLabel.tsx

@@ -103,11 +103,14 @@ export const MRT_TableHeadCellFilterLabel = <
                 });
                 event.stopPropagation();
               }}
+              size="small"
               sx={{
                 height: '16px',
-                opacity: 0.8,
+                ml: '4px',
+                opacity: isFilterActive ? 1 : 0.3,
                 p: '8px',
                 transform: 'scale(0.75)',
+                transition: 'all 150ms ease-in-out',
                 width: '16px',
               }}
             >

package/src/head/MRT_TableHeadCellSortLabel.tsx

@@ -13,12 +13,11 @@ interface Props<TData extends Record<string, any>> {
 export const MRT_TableHeadCellSortLabel = <TData extends Record<string, any>>({
   header,
   table,
-  tableCellProps,
 }: Props<TData>) => {
   const {
     getState,
     options: {
-      icons: { ArrowDownwardIcon },
+      icons: { ArrowDownwardIcon, SyncAltIcon },
       localization,
     },
   } = table;
@@ -26,6 +25,8 @@ export const MRT_TableHeadCellSortLabel = <TData extends Record<string, any>>({
   const { columnDef } = column;
   const { sorting } = getState();
 
+  const isSorted = !!column.getIsSorted();
+
   const sortTooltip = column.getIsSorted()
     ? column.getIsSorted() === 'desc'
       ? localization.sortedByColumnDesc.replace('{column}', columnDef.header)
@@ -41,13 +42,20 @@ export const MRT_TableHeadCellSortLabel = <TData extends Record<string, any>>({
         overlap="circular"
       >
         <TableSortLabel
-          IconComponent={ArrowDownwardIcon}
-          active={!!column.getIsSorted()}
+          IconComponent={
+            !isSorted
+              ? (props) => (
+                  <SyncAltIcon
+                    {...props}
+                    style={{ transform: 'rotate(-90deg) scaleX(0.8)' }}
+                  />
+                )
+              : ArrowDownwardIcon
+          }
+          active
           aria-label={sortTooltip}
           direction={
-            column.getIsSorted()
-              ? (column.getIsSorted() as 'asc' | 'desc')
-              : undefined
+            isSorted ? (column.getIsSorted() as 'asc' | 'desc') : undefined
           }
           onClick={(e) => {
             e.stopPropagation();
@@ -55,11 +63,9 @@ export const MRT_TableHeadCellSortLabel = <TData extends Record<string, any>>({
           }}
           sx={{
             flex: '0 0',
-            transform:
-              tableCellProps?.align !== 'right'
-                ? 'translateX(-0.5ch)'
-                : undefined,
-            width: '2.4ch',
+            opacity: isSorted ? 1 : 0.3,
+            transition: 'all 150ms ease-in-out',
+            width: '3ch',
           }}
         />
       </Badge>

package/src/head/MRT_TableHeadRow.tsx

@@ -52,9 +52,9 @@ export const MRT_TableHeadRow = <TData extends Record<string, any>>({
           ? headerGroup.headers[headerOrVirtualHeader.index]
           : (headerOrVirtualHeader as MRT_Header<TData>);
 
-        return (
+        return header ? (
           <MRT_TableHeadCell header={header} key={header.id} table={table} />
-        );
+        ) : null;
       })}
       {virtualPaddingRight ? (
         <th style={{ display: 'flex', width: virtualPaddingRight }} />

package/src/hooks/useMRT_DisplayColumns.tsx

@@ -14,6 +14,15 @@ import {
   type MRT_Row,
 } from '../types';
 
+const blankColProps = {
+  sx: {
+    flex: '1 0 auto',
+    minWidth: 0,
+    p: 0,
+    width: 0,
+  },
+};
+
 interface Params<TData extends Record<string, any>> {
   columnOrder: MRT_ColumnOrderState;
   creatingRow: MRT_Row<TData> | null;
@@ -123,6 +132,17 @@ export const useMRT_DisplayColumns = <TData extends Record<string, any>>({
             ...tableOptions.displayColumnDefOptions?.['mrt-row-numbers'],
             id: 'mrt-row-numbers',
           },
+
+          (tableOptions.state?.columnOrder ?? columnOrder).includes(
+            'mrt-row-spacer',
+          ) && {
+            columnDefType: 'display',
+            header: '',
+            id: 'spacer',
+            muiTableBodyCellProps: blankColProps,
+            muiTableFooterCellProps: blankColProps,
+            muiTableHeadCellProps: blankColProps,
+          },
         ] as MRT_ColumnDef<TData>[]
       ).filter(Boolean),
     [

package/src/icons.ts

@@ -28,6 +28,7 @@ import SaveIcon from '@mui/icons-material/Save';
 import SearchIcon from '@mui/icons-material/Search';
 import SearchOffIcon from '@mui/icons-material/SearchOff';
 import SortIcon from '@mui/icons-material/Sort';
+import SyncAltIcon from '@mui/icons-material/SyncAlt';
 import ViewColumnIcon from '@mui/icons-material/ViewColumn';
 import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 
@@ -62,6 +63,7 @@ export interface MRT_Icons {
   SearchIcon: any;
   SearchOffIcon: any;
   SortIcon: any;
+  SyncAltIcon?: any;
   ViewColumnIcon: any;
   VisibilityOffIcon: any;
 }
@@ -97,6 +99,7 @@ export const MRT_Default_Icons: MRT_Icons = {
   SearchIcon,
   SearchOffIcon,
   SortIcon,
+  SyncAltIcon,
   ViewColumnIcon,
   VisibilityOffIcon,
 };

package/src/locales/ar.ts

@@ -14,7 +14,6 @@ export const MRT_Localization_AR: MRT_Localization = {
   collapseAll: 'إخفاء الكل',
   columnActions: 'إجراءات العمود',
   copiedToClipboard: 'نسخ إلى الحافظة',
-
   dropToGroupBy: 'أفلت للمجموعة حسب {column}',
   edit: 'تعديل',
   expand: 'إظهار',
@@ -60,6 +59,7 @@ export const MRT_Localization_AR: MRT_Localization = {
   noResultsFound: 'لم يتم العثور على نتائج',
   of: 'ل',
   or: 'أو',
+  pin: 'تثبيت',
   pinToLeft: 'تثبيت جهة اليسار',
   pinToRight: 'تثبيت على اليمين',
   resetColumnSize: 'Reset column size',

package/src/locales/bg.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_BG: MRT_Localization = {
   noResultsFound: 'Няма намерени резултати',
   of: 'от',
   or: 'или',
+  pin: 'Закачи',
   pinToLeft: 'Закачи отляво',
   pinToRight: 'Закачи отдясно',
   resetColumnSize: 'Нулиране на размера на колоната',

package/src/locales/cs.ts

@@ -60,6 +60,7 @@ export const MRT_Localization_CS: MRT_Localization = {
   noResultsFound: 'Nenalezeny žádné výsledky',
   of: 'z',
   or: 'nebo',
+  pin: 'Připnout',
   pinToLeft: 'Připnout doleva',
   pinToRight: 'Připnout doprava',
   resetColumnSize: 'Resetovat šířku sloupců',

package/src/locales/da.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_DA: MRT_Localization = {
   noResultsFound: 'Ingen resultater fundet',
   of: 'af',
   or: 'eller',
+  pin: 'Fastgør',
   pinToLeft: 'Fastgør til venstre',
   pinToRight: 'Fastgør til højre',
   resetColumnSize: 'Nulstil kolonnebredde',

package/src/locales/de.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_DE: MRT_Localization = {
   noResultsFound: 'Keine Ergebnisse gefunden',
   of: 'von',
   or: 'oder',
+  pin: 'Anheften',
   pinToLeft: 'Links anheften',
   pinToRight: 'Rechts anheften',
   resetColumnSize: 'Spaltengröße zurücksetzen',

package/src/locales/es.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_ES: MRT_Localization = {
   noResultsFound: 'No se encontraron resultados',
   of: 'de',
   or: 'o',
+  pin: 'Anclar',
   pinToLeft: 'Anclar a la izquierda',
   pinToRight: 'Anclar a la derecha',
   resetColumnSize: 'Resetear tamaño de columna',

package/src/locales/et.ts

@@ -60,6 +60,7 @@ export const MRT_Localization_ET: MRT_Localization = {
   noResultsFound: 'Tulemusi ei leitud',
   of: '/',
   or: 'või',
+  pin: 'Kinnita',
   pinToLeft: 'Kinnita vasakule',
   pinToRight: 'Kinnita paremale',
   resetColumnSize: 'Lähtesta veeru suurus',

package/src/locales/fa.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_FA: MRT_Localization = {
   noResultsFound: 'موردی یافت نشد.',
   of: 'از',
   or: 'یا',
+  pin: 'پین',
   pinToLeft: 'پین به چپ',
   pinToRight: 'پین به راست',
   resetColumnSize: 'تنظیم مجدد اندازه ستون',

package/src/locales/fi.ts

@@ -60,6 +60,7 @@ export const MRT_Localization_FI: MRT_Localization = {
   noResultsFound: 'Ei tuloksia',
   of: '/',
   or: 'tai',
+  pin: 'Kiinnitä',
   pinToLeft: 'Kiinnitä vasemmalle',
   pinToRight: 'Kiinnitä oikealle',
   resetColumnSize: 'Nollaa sarakkeen koko',

package/src/locales/fr.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_FR: MRT_Localization = {
   noResultsFound: 'Aucun résultat trouvé',
   of: 'de',
   or: 'ou',
+  pin: 'Attacher',
   pinToLeft: 'Épingler à gauche',
   pinToRight: 'Épingler à droite',
   resetColumnSize: 'Réinitialiser la taille de la colonne',

package/src/locales/hu.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_HU: MRT_Localization = {
   noResultsFound: 'Nincs találat',
   of: 'összesen',
   or: 'vagy',
+  pin: 'Rögzítés',
   pinToLeft: 'Rögzítés balra',
   pinToRight: 'Rögzítés jobbra',
   resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',

package/src/locales/hy.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_HY: MRT_Localization = {
   noResultsFound: 'Արդյունքներ չեն գտնվել',
   of: '-ից',
   or: 'կամ',
+  pin: 'Կցել',
   pinToLeft: 'Կցել ձախից',
   pinToRight: 'Կցել աջից',
   resetColumnSize: 'Չեղարկել սյունակի չափը',

package/src/locales/id.ts

@@ -60,6 +60,7 @@ export const MRT_Localization_ID: MRT_Localization = {
   noResultsFound: 'Tidak ada hasil yang ditemukan',
   of: 'dari',
   or: 'atau',
+  pin: 'Sematkan',
   pinToLeft: 'Sematkan ke kiri',
   pinToRight: 'Sematkan ke kanan',
   resetColumnSize: 'Reset ukuran kolom',

package/src/locales/it.ts

@@ -59,6 +59,7 @@ export const MRT_Localization_IT: MRT_Localization = {
   noResultsFound: 'Nessun risultato trovato',
   of: 'di',
   or: 'o',
+  pin: 'Blocca',
   pinToLeft: 'Blocca a sinistra',
   pinToRight: 'Blocca a destra',
   resetColumnSize: 'Resetta dimensione colonna',