Infinity.js（懶惰渲染）的大型HTML表格，包含prototype.js示例

Question

如何在保持性能的同時延長加載/渲染非常大的html表格，特別是在IE中？

我發現了一個prototype.js插件（https://github.com/jbrantly/bigtable/，發佈：http://blog.jbrantly.com/2010/03/really-really-big-html-table.html，演示：http://jbrantly.github.io/bigtable/）。我想知道是否有基於jQuery的解決方案。

我也在探索爲單元格設置定義的寬度/高度（在css和使用col屬性）以防止重新佈局窗口大小，但仍然保持通過媒體查詢的響應。

有關如何提高具有大型html表格的頁面的性能的任何其他想法或想法？

Answer 1

您可以運行一個setInterval並將其呈現在零件中，但用戶無論如何都不會立即看到整個大表。

您可以通過更新DOM一次/幾次而不是幾百次來提高性能，使用JavaScript將表創建爲字符串，然後將其附加到DOM。

您還可以通過保存數組的長度來改善循環的性能，這將有助於舊版瀏覽器。

for (var i = 0, ilen = a.length; i < ilen; ++i) { 
    // do something 
} 

Answer 2

您可能想查看SlickGrid。相當驚人的性能，使用jQuery，成熟的代碼庫，仍然保持。

只有警告沒有IE6的支持 - 但即使是那些需要支持IE的人也不需要經常支持這些日子。