HTML大表滚动速度非常慢

问题描述 投票:0回答:1

我有一张数千行的表,每行有4个单元格。 https://streamable.com/pywk9

你可以看到我上面的表格非常大(不知道它是否显示出非常好的延迟滚动)。

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

有没有一种方式没有分页,使它更可忍受?也许某种方式呈现内容只在浏览器视图中显示,如某个angularJS组件(不需要angularjs)

javascript html dom
1个回答
0
投票

一个大小对任何人都有用的表,你说你不想分页,但为什么?由于某种原因,分页是一种可用性功能。只需实现分页和搜索。具有超过几千行的网格对任何人都没有用。

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

© www.soinside.com 2019 - 2024. All rights reserved.