如何同步滚动两个农业网格?

How to scroll two ag-grid synchronized?

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

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

除了编写一些 javascript 代码的朴素编程解决方案之外,它会侦听相应的滚动事件并将它们相应地应用于其他容器,我可能会建议在此简单地重组您的 html具体案例。 如果您将两个列表都放在一个滚动的容器中 - 而不是滚动两个容器 - 您将实现您的要求。

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

overflow-y: auto;

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