[Feature] Add support for tooltips in the head cells, also add an title prop

[BennyAlex]

Hello, it would be nice if we can show a tooltip when a header gets hovered. I truncate large texts so they should become fully visible by hovering.
The th should also have the column header as html title prop for accessibility reasons.

[KevinVandy]

Use a custom header render to add tooltips, or whatever else you want
https://www.material-react-table.com/docs/guides/data-columns#custom-header-render

[BennyAlex]

Not great to create a custom header for every column manually :D

[KevinVandy]

Then use the defaultColumn table option. That applies column def options to every column.

What more are you asking for?

[BennyAlex]

Ah perfect, I did not know this prop.
I look at the examples and havent found that option :)
Thank you!

[KirillRotanov]

Use a custom header render to add tooltips, or whatever else you want https://www.material-react-table.com/docs/guides/data-columns#custom-header-render

It doesn't help in my case. I need to show some button on the right side of the header cell.
I'm trying to implement something like:

const CustomColumnHeader: FC<ICustomColumnHeaderProps> = ({ column }) => {
  const [isHovered, setIsHovered] = useState(false);

  const handleMouseEnter = () => {
    setIsHovered(true);
  };

  const handleMouseLeave = () => {
    setIsHovered(false);
  };

  return (
    <div onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} className={styles.headerCell}>
      {column.columnDef.header}
      {isHovered && (
        <div className={styles.columnDeleteButton}>
          <DeleteIcon />
        </div>
      )}
    </div>
  );
};
export default CustomColumnHeader;

and use
export const renderCustomHeader = (column: MRT_Column<MyType>) => <CustomColumnHeader column={column} />;

{...
 Header: ({ column }) => renderCustomHeader(column),
 muiTableHeadCellProps: ({ column }) => sortableColumnHeader(column),
 enableSorting: true,
 },

.headerCell {
 width: 100%;
 height: 100%;
 border: 1px solid red;
}

And I only have access to the actual name of the column, not the whole header cell

what am i doing wrong?