Add enableCellHoverReveal column option

[laratran]

Usage

const Example = () => {
  const columns = useMemo<MRT_ColumnDef<Person>[]>(
    () => [
      {
        accessorKey: 'firstName',
        header: 'First Name',
      },
      {
        accessorKey: 'lastName',
        header: 'Last Name',
      },
      {
        accessorKey: 'email',
        header: 'Email',
        enableCellHoverReveal: true,
        size: 75
      },
      {
        accessorKey: 'city',
        header: 'City',
      },
    ],
    [],
  );

  const table = useMantineReactTable({
    columns,
    data,
    layoutMode: 'grid'
  });

  return <MantineReactTable table={table} />;
};

basic table

highlightOnHover: false

striped: true

Limitations

passing props through mantineTableBodyCellProps

Passing some props through mantineTableBodyCellProps might not work as expected.
For example, passing align:'right' to mantineTableBodyCellProps is not applied on cells that have the hover reveal enabled
Below, all cells are right aligned except for the ones that have overflow.

[vercel]

@laratran is attempting to deploy a commit to the Kevin Vandy OSS Team on Vercel.

A member of the Team first needs to authorize it.

[alessandrojcm]

LGTM, even works with virtualization! However, could you please 1) Add a storybook example for this? 2) Add the limitations somewhere in the docs? (Maybe in the props description) cc @posabsolute

[alessandrojcm]

Also please rebase with the latest v2 as I have merged some stuff

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
mantine-react-table	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 10, 2024 5:12pm
mantine-react-table-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 10, 2024 5:12pm

[alessandrojcm]

Great, thanks!