【问题标题】:How to prevent react-table sort and search reset如何防止反应表排序和搜索重置
【发布时间】:2020-06-18 12:58:30
【问题描述】:

在这个官方示例中,表格排序和搜索会在任何可编辑字段模糊时重置。https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/kitchen-sink?file=/src/App.js
我怎样才能防止这种情况?我希望排序和搜索保持不变,即使有人编辑了数据。

【问题讨论】:

  • on blur of any editable field 是什么意思?
  • @HagaiHarari 感谢您对此进行调查。如果您对数据进行排序(例如按名字)并单击任何可编辑字段(例如任何名字)并再次单击任何其他可编辑字段(例如任何姓氏),排序将重置为原始。我想防止这种情况发生。
  • 根据 SO 指南,可以包含 CodeBox 或任何相关链接、所有必要的信息、数据和代码,以最小可行的形式完整的示例,必须嵌入帖子本身。因此,请编辑将代码粘贴到您的 Q 中,以避免被 SO 社区关闭。除了 markdown 代码块,如果您的代码由 HTML、JS、CSS 组成,您可以使用 SO 代码 sn-ps。欢迎来到苏。祝一切顺利。在 SO help center(StackOverflow.com/help/how-to-ask) 中查看更多信息

标签: javascript reactjs react-table-v7


【解决方案1】:

使用 sortBy 时,可以将此属性设置为 false

autoResetSortBy: 布尔值

  • 默认为真
  • 为 true 时,如果满足以下任一条件,sortBy 状态将自动重置:数据已更改
  • 要禁用,请设置为 false

https://react-table.tanstack.com/docs/api/useSortBy

过滤也一样

autoResetFilters:布尔值

  • 默认为真
  • 为 true 时,如果满足以下任一条件,过滤器状态将自动重置:数据已更改
  • 要禁用,请设置为 false

https://react-table.tanstack.com/docs/api/useFilters

另请参阅此常见问题解答https://react-table.tanstack.com/docs/faq#how-do-i-stop-my-table-state-from-automatically-resetting-when-my-data-changes

编辑 为了完整起见,还可以在全局过滤器上设置autoResetGlobalFiltersee documentation

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-06
    • 2013-07-08
    • 1970-01-01
    相关资源
    最近更新 更多