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

Posted

技术标签:

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

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

Two tooltips

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

【问题讨论】:

你能提供一个codeandbox的例子来重现这个问题吗? 【参考方案1】:

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

这是更新后的codesandbox

【讨论】:

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

以上是关于React-Table - 如何从列标题中删除“Toggle sortBy”工具提示?的主要内容,如果未能解决你的问题,请参考以下文章

如何从列标题菜单中删除列

如何从列中删除日期和月份(类型:datetime64)[重复]

如何使用 Laravel 迁移从列中删除唯一约束?

如何从列中删除多余的字符?

如何从列类型列表中删除 pandas DataFrame 中的空值

用于从列中删除超链接的 SQL 查询