material-react-table-narender 2.13.35 → 2.13.36

package/package.json

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

package/src/components/body/MRT_TableBodyRow.tsx

@@ -161,8 +161,6 @@ export const MRT_TableBodyRow = <TData extends MRT_RowData>({
           : `${darken(baseBackgroundColor, 0.3)}`
       : undefined;
 
-      console.log('row.id', row);
-
   return (
     <>
       <TableRow
@@ -231,7 +229,6 @@ export const MRT_TableBodyRow = <TData extends MRT_RowData>({
             rowPinningDisplayMode?.includes('sticky') && isRowPinned ? 2 : 0,
           ...(sx as any),
         })}
-        key={row?.original?.id}
       >
         {virtualPaddingLeft ? (
           <td style={{ display: 'flex', width: virtualPaddingLeft }} />

package/src/components/head/MRT_TableHeadCell.tsx

@@ -18,6 +18,7 @@ import {
 import { getCommonMRTCellStyles } from '../../utils/style.utils';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 import { cellKeyboardShortcuts } from '../../utils/cell.utils';
+import { Tooltip } from '@mui/material';
 // import { MRT_TableHeadCellToolBar } from './MRT_TableHeadCellToolBar';
 
 export interface MRT_TableHeadCellProps<TData extends MRT_RowData>
@@ -169,6 +170,8 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
       table,
     }) ?? columnDef.header;
 
+    const headerTooltip =  columnDef.tooltip ?? columnDef.header;
+
   return (
     <TableCell
       align={
@@ -286,6 +289,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
                       : undefined,
                 }}
               >
+                <Tooltip title={headerTooltip} placement="top" arrow>
                 <Box
                   className="Mui-TableHeadCell-Content-Wrapper"
                   sx={{
@@ -303,6 +307,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
                 >
                   {HeaderElement}
                 </Box>
+                </Tooltip>
                 {column.getCanFilter() && (
                   <MRT_TableHeadCellFilterLabel header={header} table={table} />
                 )}

package/src/types.ts

@@ -560,6 +560,8 @@ export interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown>
    * header must be a string. If you want custom JSX to render the header, you can also specify a `Header` option. (Capital H)
    */
   header: string;
+
+  tooltip?: string;
   /**
    * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
    *