0

ユーザーに表示したい大きな db テーブルがあります。1ページあたり約30行の表に情報を表示します。jqPagination を使用して、ユーザーが別のページにジャンプできるようにしたいと考えています。したがって、ページ1には行1〜30が表示され、ページ2には行31〜60が表示されます...私が見る唯一の例は、それを使用してページの別のセクションにジャンプする方法を示しています。次の 30 行を新しいページに要求する方法で jqPagination を使用することは可能ですか?

前もって感謝します！

4

1 に答える 1

0

最初にすべてのテーブル行を表示している場合は、次のコードを使用して一度に 30 行のみを表示できます。

$(document).ready(function() {

    // select the table rows
    $table_rows = $('.table-example tbody tr');

    var table_row_limit = 30;

    var page_table = function(page) {

        // calculate the offset and limit values
        var offset = (page - 1) * table_row_limit,
            limit = page * table_row_limit;

        // hide all table rows
        $table_rows.hide();

        // show only the n rows
        $table_rows.slice(offset, limit).show();

    }

    $('.pagination').jqPagination({
        max_page: $table_rows.length / table_row_limit,
        paged: page_table
    });

    // set the initial table state to page 1
    page_table(1);

});

表のページネーションの例。

最初にすべての行を表示しない場合は、このコードを適応させて、表示/非表示の代わりに AJAX を使用してシステムから行をフェッチすることができます。

于 2013-12-08T18:25:29.223 に答える