javascript - 静态 HTML 表格分页是否有助于提高性能

Question

我有一个从数据库转储的大型 HTML 表(约 10K 行，4 列，仅文本)。我在 Chrome/Firefox 中打开它时遇到性能不佳的情况。

我无法直接访问数据库，因此无法逐页加载。所有数据都是静态 HTML。

在这种情况下，使用某些 jQuery 插件进行分页是否有助于提高性能？还有其他建议吗？

Answer 1

如果适用，设置table-layout:fixed有助于大大减少渲染时间。缓慢的主要原因是，在默认的表格布局方法中，浏览器必须解析和处理整个表格，计算所有单元格的宽度要求，然后才能渲染表格的任何部分。

固定布局告诉浏览器根据第一行设置列宽(注意可能适用于它的任何 CSS)。当然，如果宽度不适合其他行，这可能会导致困惑。对于行通常非常相似的数据表，可以适当设置宽度。

这并没有改变很少有人(如果有的话)会阅读所有 10,000 行的问题。人们可能会在那里寻找一些特定的数据。最好设置一个搜索表单，让用户得到他想要的东西。