angular-ui-grid - Angular UI Grid中渲染的行(DOM中的)等于项目数(gridOptions.data.length)？

Question

我正在使用 Angular UI Grid我的情况是下一个。我有 100 个项目，items = [{}, {}, ..., {}] 我想在网格中显示所有这些项目，但我也想同时为 DOM 中的每个项目显示 100 个。这可能吗？

据我了解，ui.grid 只是根据视口(viewport)高度和每行的高度向 DOM 添加了必要数量的 div。我的意思是 ui.grid 只是在 DOM 中维护一些必要的 div 来填充网格区域。

我需要的是每个项目都有一个 div，并且在滚动时 DOM 没有变化。

提前致谢!

Answer 1

我找到了“excessRows”的网格选项来执行此操作，设置我想要显示的相同或更多数量的项目。它对我有用!!!

$scope.gridOptions.excessRows = 100;

@文档:
额外的行用于在视口(viewport)之外渲染，这有助于滚动的平滑度。

谢谢!