7

我想创建一个包含很多行的自定义 HTML 表格/列表。我需要行虚拟化,但我不确定实现这一目标的最佳方法是什么。

通过行虚拟化,我指的是 table/ul/div 的行只要不滚动到视图中就根本不可见或不呈现的概念。基本上,关键是如果项目从未显示(在滚动之后),则消除渲染。

有任何想法吗?我认为 DOM 元素一旦“滚动到视图中”就需要添加到列表中。然后我需要一个不可见的 div,其高度为所有行的总高度,以使滚动成为可能。

是否有任何简单的代码示例可以做到这一点?

4

3 回答 3

4

我不了解“简单”代码示例,但我发现了以下使用 DOM 虚拟化的项目

MegaListSlickGrid

MegaList 示例是最容易理解的,因为它只是一个将列表项添加到其中的“ul”。

于 2012-08-07T07:06:58.347 回答
2

无限滚动应该让你指向正确的方向。

于 2012-08-07T07:17:36.900 回答
1

Wijmo 5 FlexGrid 实现了这种行为。您可以在此处找到在线比较

于 2015-09-15T13:56:22.020 回答