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

package/locales/zh-Hans.js

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

package/locales/zh-Hans.js.map

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

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":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-beta.1",
   "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_TableBody.tsx

@@ -40,6 +40,7 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
     getState,
     getTopRows,
     options: {
+      createDisplayMode,
       enableGlobalFilterRankedResults,
       enablePagination,
       enableRowPinning,
@@ -64,6 +65,7 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
   } = table;
   const {
     columnFilters,
+    creatingRow,
     density,
     draggingRow,
     expanded,
@@ -222,6 +224,9 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
           ...(parseFromValuesOrFunc(tableBodyProps?.sx, theme) as any),
         })}
       >
+        {creatingRow && createDisplayMode === 'row' && (
+          <MRT_TableBodyRow row={creatingRow} rowIndex={-1} table={table} />
+        )}
         {tableBodyProps?.children ??
           (!rows.length ? (
             <tr

package/src/body/MRT_TableBodyCell.tsx

@@ -26,7 +26,7 @@ import { type MRT_Cell, type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
   cell: MRT_Cell<TData>;
   measureElement?: (element: HTMLTableCellElement) => void;
-  numRows: number;
+  numRows?: number;
   rowIndex: number;
   rowRef: RefObject<HTMLTableRowElement>;
   table: MRT_TableInstance<TData>;
@@ -63,6 +63,7 @@ export const MRT_TableBodyCell = <TData extends Record<string, any>>({
     setHoveredColumn,
   } = table;
   const {
+    columnSizingInfo,
     creatingRow,
     density,
     draggingColumn,
@@ -118,15 +119,21 @@ export const MRT_TableBodyCell = <TData extends Record<string, any>>({
     const isHoveredRow = hoveredRow?.id === row.id;
     const isFirstColumn = getIsFirstColumn(column, table);
     const isLastColumn = getIsLastColumn(column, table);
-    const isLastRow = rowIndex === numRows - 1;
+    const isLastRow = numRows && rowIndex === numRows - 1;
 
     const borderStyle =
       isDraggingColumn || isDraggingRow
         ? `1px dashed ${theme.palette.text.secondary} !important`
-        : isHoveredColumn || isHoveredRow
+        : isHoveredColumn ||
+          isHoveredRow ||
+          columnSizingInfo.isResizingColumn === column.id
         ? `2px dashed ${theme.palette.primary.main} !important`
         : undefined;
 
+    if (columnSizingInfo.isResizingColumn === column.id) {
+      return { borderRight: borderStyle };
+    }
+
     return borderStyle
       ? {
           borderBottom:
@@ -148,7 +155,14 @@ export const MRT_TableBodyCell = <TData extends Record<string, any>>({
           borderTop: isDraggingRow || isHoveredRow ? borderStyle : undefined,
         }
       : undefined;
-  }, [draggingColumn, draggingRow, hoveredColumn, hoveredRow, rowIndex]);
+  }, [
+    columnSizingInfo.isResizingColumn,
+    draggingColumn,
+    draggingRow,
+    hoveredColumn,
+    hoveredRow,
+    rowIndex,
+  ]);
 
   const isEditable =
     parseFromValuesOrFunc(enableEditing, row) &&
@@ -213,8 +227,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 +271,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

@@ -16,7 +16,7 @@ import { type MRT_Cell, type MRT_Row, type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
   columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
   measureElement?: (element: HTMLTableRowElement) => void;
-  numRows: number;
+  numRows?: number;
   pinnedRowIds?: string[];
   row: MRT_Row<TData>;
   rowIndex: number;
@@ -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/MRT_TableDetailPanel.tsx

@@ -74,8 +74,7 @@ export const MRT_TableDetailPanel = <TData extends Record<string, any>>({
             : undefined,
           borderBottom: !row.getIsExpanded() ? 'none' : undefined,
           display: layoutMode?.startsWith('grid') ? 'flex' : 'table-cell',
-          pb: row.getIsExpanded() ? '1rem' : 0,
-          pt: row.getIsExpanded() ? '1rem' : 0,
+          py: row.getIsExpanded() ? '1rem' : 0,
           transition: 'all 150ms ease-in-out',
           width: `${table.getTotalSize()}px`,
           ...(parseFromValuesOrFunc(tableCellProps?.sx, theme) as any),

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

@@ -39,6 +39,7 @@ export const MRT_TableHeadCell = <TData extends Record<string, any>>({
     setHoveredColumn,
   } = table;
   const {
+    columnSizingInfo,
     density,
     draggingColumn,
     grouping,
@@ -72,29 +73,36 @@ 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]);
 
-  const draggingBorder = useMemo(
-    () =>
-      draggingColumn?.id === column.id
+  const draggingBorders = useMemo(() => {
+    const borderStyle =
+      columnSizingInfo.isResizingColumn === column.id &&
+      !header.subHeaders.length
+        ? `2px solid ${theme.palette.primary.main} !important`
+        : draggingColumn?.id === column.id
         ? `1px dashed ${theme.palette.text.secondary}`
         : hoveredColumn?.id === column.id
         ? `2px dashed ${theme.palette.primary.main}`
-        : undefined,
-    [draggingColumn, hoveredColumn],
-  );
+        : undefined;
 
-  const draggingBorders = draggingBorder
-    ? {
-        borderLeft: draggingBorder,
-        borderRight: draggingBorder,
-        borderTop: draggingBorder,
-      }
-    : undefined;
+    if (columnSizingInfo.isResizingColumn === column.id) {
+      return { borderRight: borderStyle };
+    }
+    const draggingBorders = borderStyle
+      ? {
+          borderLeft: borderStyle,
+          borderRight: borderStyle,
+          borderTop: borderStyle,
+        }
+      : undefined;
+
+    return draggingBorders;
+  }, [draggingColumn, hoveredColumn, columnSizingInfo.isResizingColumn]);
 
   const handleDragEnter = (_e: DragEvent) => {
     if (enableGrouping && hoveredColumn?.id === 'drop-zone') {
@@ -126,6 +134,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 +225,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 +235,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 +245,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_TableHeadCellResizeHandle.tsx

@@ -42,13 +42,18 @@ export const MRT_TableHeadCellResizeHandle = <
       sx={(theme) => ({
         '&:active > hr': {
           backgroundColor: theme.palette.info.main,
-          opacity: 1,
+          opacity: header.subHeaders.length ? 1 : 0,
         },
         cursor: 'col-resize',
-        mr: density === 'compact' ? '-0.75rem' : '-1rem',
+        mr:
+          density === 'compact'
+            ? '-12px'
+            : density === 'comfortable'
+            ? '-20px'
+            : '-28px',
         position: 'absolute',
         px: '4px',
-        right: '4px',
+        right: '0',
       })}
     >
       <Divider

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 }} />