Angular 8 中的 ag-grid：自动调整列大小不适用于客户端页面答案

【问题标题】：ag-grid in Angular 8: Auto-sizing columns doesn't work for client-siding pagesAngular 8 中的 ag-grid：自动调整列大小不适用于客户端页面
【发布时间】：2020-03-11 04:30:04
【问题描述】：

我正在使用 ag-grid Community Edition 22.1.1 和 Angular 8.2.14。我的表使用客户端分页（所有数据都在浏览器中），每页 25 行。

我的列自动调整大小绑定到firstDataRendered。它适用于当前页面，但不适用于其他不可见的页面。我的自动调整大小方法也绑定到paginationChanged 回调。因此，当我转到不同的页面时，新页面会自动调整大小。列的大小以这种方式正确，但“跳来跳去”并且看起来“紧张”。

我使用suppressColumnVirtualisation=true，作为recommended by ag-grid。当我将分页大小从 25 增加到 100 时，列大小对于当前页面上的不可见行也是正确的。但它仍然不适用于其他页面。

那么我可以在所有页面的 ag-grid 中自动调整列的大小吗？如果有，怎么做？

【问题讨论】：

标签： ag-grid

【解决方案1】：

您可能还需要关闭行虚拟化。

在早期版本中，有一个“suppressRowVirtualisation”属性，但这在以后的版本中消失了，您必须指定“rowBuffer”的大小（网格跟踪了多少屏幕外行），通过指定 'rowBuffer' 网格选项（参见https://www.ag-grid.com/javascript-grid-properties）

如果您不希望行虚拟化，则必须指定适当大的 rowBuffer 大小，我将把它留给您作为练习 :-)

【讨论】：

没用。将rowBuffer 设置为 250，仍然在第 2-4 页（记录 26-100）上跳来跳去。我确认我的gridOptions 正在被使用。