複数の図面を描画するとDataTableが遅くなる

Question

DataTableのインスタンスを複数回再描画する必要のあるWebアプリケーションがあります。それぞれには非常に小さなデータソースがありますが、通常のインスタンスのパフォーマンスチェックを行うと、

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();