如何滚动两个ag-grid同步?

时间:2018-01-15 16:07:04

标签: angular ag-grid

我在角度5中有2个ag-grid,我需要当我滚动其中一个网格时还需要将其他ag-grid滚动到相同的索引,两个ag-grid都有相同数量的元素,因为每个元素都有另一个网格中的一对

我尝试使用这里的方法https://github.com/ag-grid/ag-grid/issues/907但是dotn work

ag-grid 2 grid

2 个答案:

答案 0 :(得分:1)

除了编写一些javascript代码的天真程序化解决方案,它听取相应的滚动事件并相应地应用于其他容器,我可能会建议在这种特定情况下简单地重构你的html。 如果你将两个列表都放在一个容器中,这是滚动 - 而不是滚动两个容器 - 你将实现你所要求的。

所以,只需将两个列表放在一个div中,并使用相应的css,如

overflow-y: auto;

答案 1 :(得分:0)

不确定将2个网格放在唯一的组件中是否适用。实际上,ag-grid具有某种虚拟滚动,例如,它不滚动标题或列,而仅滚动表内容。到目前为止,我可以使用AG grid API获取滚动位置,并找到了根据行约束的可见性进行滚动的函数,但还没有发现任何ag-grid函数只能按像素滚动。 我们是否需要为此使用低级DOM API?