React-Table - 如何从列标题中删除“Toggle sortBy”工具提示？答案

【问题标题】：React-Table - How to remove the 'Toggle sortBy' tooltip from the column header?React-Table - 如何从列标题中删除“Toggle sortBy”工具提示？
【发布时间】：2020-12-18 20:28:34
【问题描述】：

在最新版本（7.5.x）的 React-Table 中，当使用 Material-UI Table 组件时，有没有办法从列标题中移除“Toggle sortBy”工具提示？

Two tooltips

我有一个带有列标题名称的工具提示。两个工具提示都会在悬停时出现。看看这个codesandbox

【问题讨论】：

你能提供一个codeandbox的例子来重现这个问题吗？

标签： reactjs material-ui react-table react-table-v7

【解决方案1】：

添加 {...column.getHeaderProps(column.getSortByToggleProps({ title: undefined }))} 就可以了。

这是更新后的codesandbox

【讨论】：

仅供参考，这是由于React Table源代码中的这一行：github.com/tannerlinsley/react-table/blob/v7.6.3/src/…