當繪製多個數據表時速度很慢

Question

我有一個Web應用程序需要多次重繪DataTable的實例。他們每個人都有非常小的數據源，但當我做一個正常情況下的性能檢查

var table = $("#Table").DataTable({ 
    "data": smallData 
}); 
$("#Table").clear(): 
$("#Table").rows.add(otherSmallData).draw(); 

它已經花了200ms。在我的情況下，更新所有實例需要2秒（2秒鐘瀏覽器凍結）。無論如何要順利進行客戶端？

Answer 1

嘗試使用deferRender選項進行延遲渲染以獲得額外的初始化速度。

var table = $("#Table").DataTable({ 
    "data": smallData, 
    "deferRender": true 
}); 

Answer 2

您已經使用jQuery創建了對錶的引用，當您使用該引用而不是挖掘到DOM時會發生什麼？像這樣：

var table = $("#Table").DataTable({ 
    "data": smallData 
}); 
table.clear().rows.add(otherSmallData).draw();