Excel 喜欢使用 react-data-grid 和 primereact multiselect 进行过滤

问题描述

我正在尝试使用 react-data-grid 将 excel 之类的过滤添加primereact multiselect(v7) 中,但在下拉关闭时遇到了一些问题。通过像过滤一样的 excel,我的意思是当您应用一个过滤器来更新所有其他过滤器选项而不是始终保持总选项时。这是显示问题的 codesandbox (here is the example it was based off)。在沙箱中,我有一个按钮可以控制过滤器是从 rows 还是 filteredRows 拉取的。您可以看到,当按钮显示 rows 时,它可以工作,但不会过滤下拉列表,因为它使用的是整个数据集。当按钮显示 filteredRows 时,它会过滤下拉列表,但也会在更改时关闭下拉列表。

您还会注意到这种使多选无用,因为您当前使用的过滤器将始终被过滤到您选择的第 1 个选项。因此,当前正在更改的过滤器不应更改选项,而应更改所有其他过滤器选项。

总结一下:

  • 即使有任何下拉选项,我也希望下拉菜单保持打开状态 改变
  • 当前正在更改的过滤器不应更改选项,而是所有 其他过滤器选项应该改变。

我认为问题与使用 columnsfilteredRows 时的 rows 重新渲染有关。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)