ReactJS:滚动视图时如何固定表头

时间:2016-12-02 22:30:02

标签: css reactjs css-position css-tables

我的页面有一个固定的50像素高的顶部导航栏。它还有一个表,当前在导航栏后面向上滚动。我想在向上滚动时触摸导航栏下方的标题,因此它始终在视图中。

我对以下方面的指导感兴趣:

1)一般来说,在React中实现这一目标的最佳方法是什么?

2)我当前的方法使用jquery来读取某些DOM元素的位置和大小。这被认为是React中的反模式吗?更具体地说,这就是我目前正在尝试做的事情:

当表格滚动到某个位置时,我会修复表格标题行的位置。这种方法不是很漂亮 - 因为它要求我在固定标题行的位置时为每个列标题元素指定宽度,否则标题宽度不与表格宽度匹配。我还需要监听窗口大小调整事件,并在调整页面大小时适当更新标题宽度。

0 个答案:

没有答案