タイトルはそれをひどく表現しているので、ここに長い説明があります：
データを html 形式でエクスポートするアプリケーションがあります。( 500 行 20 列) 無駄な列がたくさんあって見栄えが悪い。
データテーブルのようなものを使用して、より使いやすいテーブルを作成したい、つまり、列のページング/ソート/フィルタリング/非表示
私が最初に試しているオプションは、jquery の .load() 関数を使用して、エクスポートされた html ファイルからテーブルを挿入することです。次に、列を削除/変更するテーブルをループします。
これは非常に遅いようです（ループと検索が疑わしい）ので、改善を探しています。
1 つのアイデアは、エクスポートした html ファイルを事前に json に変換し (notepad++ マクロなどを使用)、その json ファイルから必要なテーブルを作成することです。
大幅なパフォーマンスの向上を期待できるかどうか、または注意すべき潜在的な問題について何か意見はありますか?
どうもありがとう / コルム
これは、どちらがデータをより速くロードするかではなく、どのソリューションが問題に適しているかということではないと思います. Datatables は非常に柔軟で、さまざまなソースから読み込むことができます。例の「データ ソース」と「サーバー側の処理」を見てください: http://datatables.net/examples/
Datatables は主に JSON 形式を使用します。データを処理するには、最適なアプローチを見つける必要があります。エクスポートした html ファイルを変換し、javascript でファイルを処理してデータを変換します (ここでは jquery が役立ちます)。
JSON は、テキスト ファイルで行う必要があるすべてのテキスト解析なしで、ロードされたときにすぐに使用できるため、より高速である必要があります。JSON になったら簡単に使用できるように、他の多くの jquery アドオンを利用できます。
このページでは、json でデータをロードする場合と html テーブルでデータをロードする場合の実際の例をいくつか示します。かなり決定的なのは、2010 年 7 月の sd_zuo からの投稿を参照してください。json からの読み込み速度が 4 倍になり、表示するテーブルを作成するだけです。
このページは特に IE8 の innerHtml 関数の遅さを扱っていると思いますが、json で試してみて、いくつかのブラウザー間でどのように比較されるかを確認してみます。
PSこのページは、生のjavascriptを使用してhtmlを高速に作成し、jqueryのみを使用して一度に1行ずつ挿入することに関する良いアドバイスを提供します