ag-grid只显示几行,并通过滚动进行更新,但我希望通过滚动查看DOM中的所有行

时间:2017-11-28 13:39:28

标签: ag-grid

我的服务返回300行,但在DOM中我只看到一个实例中的20-30行,当滚动时添加其余部分替换顶部

我希望所有行只使用页面加载(Service调用)初始化一次,其中包含从我的服务调用返回的所有行,然后我可以滚动,因此只处理300行的静态数据

请查看屏幕截图enter image description here

2 个答案:

答案 0 :(得分:0)

将网格属性rowBuffer设置为300:

gridOptions = {
    ...
    rowBuffer: 300
    ...
}

答案 1 :(得分:0)

参考链接:

https://www.ag-grid.com/javascript-grid-properties/#miscellaneous

https://www.ag-grid.com/javascript-grid-properties/#scrolling

在这些链接上寻找 suppressRowVirtualization rowBuffer 。默认情况下,Ag-Grid将rowbBuffer设置为 20 ,这并不意味着它在后端请求来回数据。它一次只创建20个DOM元素,这对于速度是有好处的。如果将rowBuffer设置为更大的数字,那么最终您的浏览器将冻结有这么多DOM元素。