HTML 大表滚动非常慢



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

你可以在我的桌子上面看到它非常大(不知道它是否很好地显示了滞后的滚动(。

我知道这是因为浏览器必须实际呈现所有内容,而对于大型数据集,可能需要时间。

有没有办法没有分页来使其更容易忍受? 也许某种方式可以呈现仅在浏览器视图中显示的内容,例如某个angularJS组件(不需要angularjs(

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

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

最新更新