reactjsmaterial-uireact-tablereact-table-v7

React-Table - How to remove the 'Toggle sortBy' tooltip from the column header?

In the latest version (7.5.x) of React-Table, when using the Material-UI Table components, is there a way to remove the 'Toggle sortBy' tooltip from the column header?

Two tooltips

I have a tooltip with the column header name. both tooltips appear upon hover. Take a look at this codesandbox

Solution

  • Adding {...column.getHeaderProps(column.getSortByToggleProps({ title: undefined }))} did the trick.

    Here's the updated codesandbox