reactjs - 如何在 React 表中结合行过滤和突出显示功能？

Question

我正在尝试在 React Tables 中创建此功能：

已为另一个未使用 useFilters的表创建此功能。但现在我想为此使用 React useGlobalFilter功能。

为此，我遵循了本教程，现在我的表正在使用 globalFilters 正确过滤。

但是突出显示功能无法正常工作。我的单元格渲染接收到这样的 HTML：

<mark>Reg</mark>istered

因此，如果我尝试通过以下方式进行过滤：Registered，它将永远无法工作，因为纯文本包含<mark>HTML 标签。

因此，我尝试将这两种功能与基于 dataSource 而不是 column value 的Column 过滤器结合使用，但没有运气。

笔记：

• 我的渲染功能接受任何组件来渲染内容。这就是为什么我可以在里面绘制 HTML 内容。
• 我希望我的过滤器根据 dataSource 或我设置的特定值进行搜索

关于如何得到这个的任何线索？

标签： reactjsreact-table