javascript - DatatablesjQueryプラグインを使用してDOMを更新するパフォーマンスを向上させる

Question

fnUpdate多くの行に適用するときに関数を高速化する方法はないかと思います。私の場合、たとえば10行の10セルを更新するために使用していますが、期待したほど高速ではないことに気づいています。その少し遅れています。

DOMを更新するときにパフォーマンスを向上させる一般的な手法は、ループするのではなく、一度に実行することです。このように、ブラウザはページを1回だけリフローし、プロセスを高速化します。

fnUpdate関数のdatatablesプラグイン作成でそれを行う方法はありますか？ありがとう。

Answer 1

セルを更新した直後にテーブル全体の更新を無効にするfnUpdateの4番目と5番目のオプションを試してみると役立つ場合があります。すべての変更が完了したら、テーブル全体を更新できます。

for（i = 0;i<行;i++）
{
dataTable.fnUpdate（ "サンプルデータ"、i、3、false、false）;
}
dataTable.fnDraw（）;