HTML大表滚动非常慢

时间:2018-09-16 01:10:39

标签: javascript html dom

我有一张表格,其中有成千上万的行,每行有4个单元格。 https://streamable.com/pywk9

您可以看到我的桌子上方很大(不知道它的滚动是否显示得很好)

我理解这是因为浏览器必须实际渲染所有内容,而使用大型数据集可能需要花费时间。

有没有一种方法可以使分页更易于忍受? 也许只有某些angularJS组件(不需要angularjs组件)才能呈现呈现在浏览器视图中的内容的方式

1 个答案:

答案 0 :(得分:0)

这种大小的表对任何人都没有用,您说您不想分页,但是为什么呢?分页是出于某种原因的可用性功能。只需实现分页和搜索。拥有数千行的网格对任何人都不会有用。

如果您确实需要使表大且可滚动,则使用的技术是从DOM中删除不在视图范围内的项目。滚动时,将在项目进入视图时为其创建DOM对象,并在它们移出视图时将其删除。这样,浏览器就不必处理数千个DOM对象。