小编tns*_*nsw的帖子

将react-table与react-window和粘性列一起使用

我有一个react-table v7(带有粘性页眉和页脚),它使用react-window呈现数千个虚拟化行。

一个新的要求需要表也有粘性列,但我不能让它工作,因为反应窗口添加了几个嵌套的 div 来进行虚拟化,破坏了列的粘性。

已经有一个钩子(https://github.com/GuillaumeJasmin/react-table-sticky)允许创建粘性列,但一旦使用了react-window,它也会中断;一些开发人员指出了一些很好的解决方法,但页脚将不再粘住(https://github.com/GuillaumeJasmin/react-table-sticky/issues/5)。

在此阶段,我还尝试并排使用两个表(一个用于粘性列,一个用于其余列),但考虑到应用的虚拟化,向上/向下滚动时行会不同步。我还尝试使用另一个虚拟化组件(https://github.com/bvaughn/react-virtualized),但遇到了同样的问题。

有没有人遇到过相同或类似的问题并找到了让它发挥作用的方法?

提前致谢。

javascript sticky reactjs react-window react-table-v7

6
推荐指数
0
解决办法
1592
查看次数