用jQuery快速渲染大型表格

Question

我必須特別使用JavaScript和jQuery動態渲染大型表格。

var tableHTML = "<table>...</table>"; 
$("#container").empty().append(tableHTML); 

是解決這個任務可以接受的方式，如果有呈現數據的更快的方式：我首先對錶製作HTML和做追加再這樣做呢？

Answer 1

是的，這是使用jQuery最有效的方法。如果你想獲得真的快，你可以使用裸機的Javascript：

document.getElementById('container').innerHTML = tableHTML 

Answer 2

而不是使用

$("#container").empty().append(tableHTML); 

，你可以簡單地使用

$("#container").html(tableHTML); 

這將實現一樣。使用普通的舊javascript可能會加快速度，但您還必須確保在刪除舊內容之前刪除您的代碼附加到表的所有事件處理程序，因爲jQuery通常會爲您處理此問題。