1

Cold Fusion を介して出力される動的テーブルがあります。テーブルは正常に作成されていますが、私が行っていることの 1 つは、JavaScript を使用してテーブルの outerHTML を取得し、それを隠し要素の値に割り当てることです。問題は、非表示の要素の値には、それぞれ最大 20 行のテーブルが必要であり、元のテーブルの合計が可変になる可能性があることです。テーブルの outerHTML を Javascript 変数に読み込み、コンテンツをループして 20 行後にテーブルを終了し、新しいテーブルを作成して残りの行を新しいテーブルに追加し続ける必要があります。助言がありますか？

4

2 に答える 2

2

サーバーで ColdFusion を使用して多数の行を含むテーブルを出力し、クライアントで jQuery を使用して、その大きなテーブルを多数の小さなテーブルに分割したいと考えていますよね? もしそうなら、ここにそれを行う1つの方法があります：

例: jsfiddle

    var rows = $('#content tr');
    var maxTableSize = 3;
    while (rows.length) {
        var newRows = rows.splice(0, maxTableSize);
        $('<table><tbody>').append(newRows).appendTo('#output');
    }

    $('#content').remove();

これをDOMが何であれ適応させる必要があります-これは動作を示す簡単な例ですが、少し異なる動作が必要になる場合があるため、これが必要でない場合はjsfiddleを投稿することを検討してください. DOM に繰り返し追加することは、多くの再描画 (ブラウザー側) をトリガーするため、非効率的であることに注意してください。この例は単純にしたかったので、DOM を効率的に操作する方法については後で詳しく説明します。

最善の方法は、サーバー側のコードを変更して、必要に応じてテーブルを吐き出すことです!

于 2013-04-18T14:04:55.597 に答える
0

テーブルはクエリ結果から作成されていると仮定します。その場合、クエリの currentrow 変数でモジュラス演算子を使用すると、開始できます。

于 2013-04-18T14:01:09.387 に答える