javascript - jQuery を使用して大きなテーブルを高速にレンダリングする

Question

特に JavaScript と jQuery を使用して、大きなテーブルを動的にレンダリングする必要があります。最初にテーブルの HTML を準備し、次に追加することでこれを行っています。

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

これは、タスクを解決するための受け入れ可能な方法ですか?また、データをレンダリングするより高速な方法がある場合は?

score 5 · Accepted Answer

はい、これが jQuery で最も効率的な方法です。本当に高速にしたい場合は、最低限の Javascript を使用できます。

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

score 3 · Accepted Answer

使用する代わりに

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

あなたは単に使用することができます

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

同じことを達成するでしょう。プレーンな古いJavaScriptを使用すると処理速度が上がる可能性がありますが、jQueryが通常これを処理するため、古いコンテンツを削除する前に、コードでテーブルにアタッチしたイベントハンドラーを必ず削除する必要があります。

2 に答える 2