如何使用公共变量/数据访问 ag-grid 的 bodyHeight 属性？

Question

我在 ag-grid 社区有一个项目 React。它具有一个可滚动部分，其中填充了我们的数据。我们可能只有一条数据，也可能有一百万条数据。我还为该网格渲染一个页脚组件，其高度必须根据 bodyHeight 属性而变化。

目前，我发现执行此操作的唯一方法是访问行节点上的私有属性 gridApi。这不是我希望使用的模式。有没有更好的方法来访问 ag-grid 的可滚动高度？

Answer 1

您无法使用公共记录的 API 访问 bodyHeight，您必须通过 Grid API 内部方法/属性来访问它，正如您所说，这对您来说不是一个理想的解决方案。

唯一的其他选择是将 DOM 元素定位为视口：

const bodyViewport = document.querySelector('div[ref="eBodyViewport"]');
const clientHeight = bodyViewport.clientHeight;
const scrollHeight = bodyViewport.scrollHeight;

如果您有一行数据，则网格内可能有很多空白空间，您可以使用 网格自动高度 告诉网格根据数据。