ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。