Mui-datatables: How to disable 'Sort' tooltip / hint?

[andygock]

Hi

Is there a way to disable the tool tip / hint on the column header which says 'Sort' without actually disabling sorting functionality.

When I use column option { hint: 'My Tooltip' }, this tooltip in addition to the"Sort' tooltip is displayed in an overlapping fashion causing one of them to not be readable.

It would be good if I can make only the custom tooltip be shown without 'Sort' covering it up.

Thanks.

| Tech | Version |
|--------------|---------|
| Material-UI | 4.5.0 |
| MUI-datatables | 2.12.0 |
| React | 16.10.2 |
| browser | Firefox 69.0.2 |

[gabrielliwerant]

Hm, sounds like it might be a material-ui v4 bug. Can you confirm if this happens in material-ui v3? If not, I'd much rather fix the behavior than add a new option. They should never overlap. The way it works for me now with material-ui v3 is that they show/hide based on where your cursor is so that they never overlap.

[andygock]

@gabrielliwerant

Can verify overlaps in Material-UI 4.x but not in 3.x

Codesandboxes:

• with Material-UI 3.9.0 and mui-datatables 2.12.0 - expected behaviour
• with Material-UI 4.5.0 and mui-datatables 2.12.0 - overlapping tooltips
• with Material-UI 4.7.0 and mui-datatables 2.13.1 - overlapping tooltips

[gabrielliwerant]

@andygock Thanks for your help in reproducing this. I was able to confirm with your examples. I have a fix up as a PR.

[andygock]

Great, thanks @gabrielliwerant

[Way-U-Need]

any update?

[yeahoffline]

so any way to disable the sort tooltip?

[andygock]

Any updates on this?

This is still an issue with latest releases Material-UI 4.7.0 and mui-datatables 2.13.1

[yuriy-voypost]

Hi! Is there are some updates on this issue?

[gabrielliwerant]

Sorry for the delay. Fix should now be in 2.13.3.

[Aveeery]

Hi,
Is there a way to display a custom tooltip with { hint : "my tooltip" } instead of displaying "sort" even if sorting is enabled ?