React-Table - как удалить всплывающую подсказку "Toggle sortBy" из заголовка столбца?

Question

Есть ли способ удалить всплывающую подсказку "Toggle sortBy" из заголовка столбца в последней версии (7.5.x) React-Table при использовании компонентов Material-UI Table?

Две подсказки

У меня есть всплывающая подсказка с названием заголовка столбца. обе всплывающие подсказки появляются при наведении курсора. Взгляните на этот кодовый ящик

Answer 1

Добавление {...column.getHeaderProps(column.getSortByToggleProps({ title: undefined }))} сделали свое дело.

Вот обновленные коды и ящик

Answer 2

Или просто перезапишите заголовок, как в:

      <span {...column.getGroupByToggleProps()} title="">

Answer 3

Если вы хотите переопределить его своим собственным ярлыком, вы можете сделать это. Вы также можете отображать метку только для столбцов, которые можно сортировать.

      <span {...column.getGroupByToggleProps()} title={column.canSort ? `Sort By ${column.id}` : ""}>