html - 虚拟滚动的搜索实现

标签 html angularjs scroll datagrid scrollbar

<分区>

对于这个问题,我没有代码可以生成,这是一项研究。 我使用 angularjs,我想创建一个特定的数据网格。 此数据网格可以显示大量数据(超过 100 万)。所以我通过捆绑获取数据。 我的问题是我不想要页面选择器或无限滚动,但我想要一个虚拟滚动。一个简单的解决方案是根据总行数乘以行高来计算滚动条的高度,这是可行的。但最近我遇到了一个新挑战:行高取决于数据,我无法定义“标准”行高来计算滚动高度。

我在互联网上搜索,但问题似乎只能通过页面选择器解决。那么你有什么想法来实现这个目标吗?或任何引用,基于我的反馈的实现?

感谢您的帮助,我希望我的问题很清楚。

PS:不知道?

最佳答案

我不确定 ag-grid,但 kendo grid 可以满足您的目的。 下面是在剑道中使用虚拟滚动加载更多数据的链接

本地数据 - http://demos.telerik.com/kendo-ui/grid/virtualization-local-data

远程数据 - http://demos.telerik.com/kendo-ui/grid/virtualization-remote-data .

HTML 树状网格也不错,看看这个 http://htmltreegrid.com/Home/Demo 性能方面两者似乎相似。 HTML 树形网格也有用于不同目的的网格。但是这个网格的更多定制会降低性能

关于html - 虚拟滚动的搜索实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38877920/

相关文章:

angularjs - Protractor 测试在 XAMPP 的根文件夹中打开浏览器

AngularJS 从 GeoJSON 响应获取坐标

android - 扩展 View 不滚动

jquery点击 anchor 元素强制滚动到顶部?

javascript - 仅在必要时水平滚动

html - 如何覆盖 td align ="center"?

jquery - 为什么 $() 在谷歌工作?

html - 为什么我的无序列表不能正确居中?

javascript - 使用javascript获取点击div的复选框?

AngularJS:在隐藏的 DOM 元素上暂停 $digest 和观察者