bootstrap-table はサーバー側のページング機能を実装します

今回は、サーバーサイドのページネーション機能を実装するためのbootstrap-tableと、サーバーサイドのページングnotesを実装するためのbootstrap-tableを紹介します。以下は実際的なケースです。見てみましょう。

最近フロントエンドはブートストラップテーブルプラグインを使用していますが、クライアント側のページングが大きすぎると連携が悪くなるので、大量のデータのページングにはサーバー側を使用しましょう。コードを開始します

フロントエンド

まず、ブートストラップ テーブルによって渡されるデフォルトのページング パラメーターを見てみましょう

• offset はどのインデックスから始まりますか

• limit ページごとの制限数

デフォルトのページングパラメータとは異なる可能性があるため、バックグラウンドに渡されるパラメータは

• です。 page 0から始まるページ

• size 各ページに表示される数字

•   $('#'+ tableId).bootstrapTable({
       queryParams:function(e) {
        varparam = {
         size: e.limit,
         page: (e.offset / e.limit),//不需要+1
        };
        returnparam;
       },
       sidePagination:“server”;
  });

バックステージ

rreee

注意

ブートストラップ テーブルによって受け取られるパラメータには、合計と行が含まれている必要があります。合計は合計数量であり、行はこの記事の事例を読んだ後で方法を習得したと思います。さらに興味深い情報に注目してください。 PHP 中国語 Web サイトの他の関連記事へ!

推奨読書:

Angularjsは画像プレビューとアップロードを実装します

vueはaxiosとパッケージングを使用します

以上がbootstrap-table はサーバー側のページング機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。