jQueryページネーションプラグイン

この記事では、2017年2月に更新されたいくつかのJQuery Paginationプラグインをレビューします。 広範な結果を非効率的に表示することは一般的な問題です。ページネーションは優れたソリューションを提供します。サーバー側のページネーションは、ユニークなURLを使用してページングコンテンツを取得しますが、クライアント側のオプション、特にjQueryプラグインは代替品を提供します。

キーテイクアウト：

• Twbs JQuery Pagination：さまざまな構成オプションを提供するユーザーフレンドリーなプラグイン。オプションのブートストラップCSSを備えたjQueryとプラグイン自体が必要です。 動的なコンテンツロードのイベント処理をサポートします
jquery bootpag：
• カスタマイズ可能なラベルとクラスを備えた簡単なページネーションコントロール。 jQuery、Bootstrap JS、およびプラグインのJSファイルが必要です。注：2015年半ばに更新されました。
jquery datatable：
• 並べ替え機能とフィルタリング機能を備えたページングされたテーブルを作成します。 jQueryとともに、およびJSファイルが必要です。 動的データのAjaxをサポートします datatabledatatable.jqueryjPagesプラグイン：
テーブル、ギャラリー、またはスライダーを作成するためのカスタマイズ可能なプラグイン。 Githubでは利用できません。最新のオプションではない可能性があります。
• jquery pajinate：
ページ全体に長いリストを配布するための古いプラグイン。古いjQueryバージョンと互換性がありますが、2013年以来更新されていません。
• プラグインの詳細：

Twbs jquery Pagination：

このプラグインはパジネーションを簡素化します。 要素（理想的には <p> </p>または）を指定すると、プラグインが残りを処理します。 既存のデータとうまく統合され、コンテンツの更新またはAJAXコールのイベント処理が可能になります。 積極的に維持されています（執筆時点でバージョン1.4.1）

github<ul></ul> <div>webサイト/docs<code>onPageClick codepen

• jquery bootpag：

単純なページネーションコントロールを作成します。 次/以前のラベルとクラスのカスタマイズのオプションを提供します。 jQuery、Bootstrap JS、およびプラグインのJSファイルが必要です。 2015年半ばに更新された（バージョン1.0.7）。 URLアンカーのプロパティを設定できます。

github

webサイト/docs

hrefcodepen

• jquery datatable：

フィルタリングとソートを使用して、パジネートされたテーブルを生成します。 datatableおよびdatatable.jqueryjsファイルとjQueryが必要です。 ブートストラップスタイリングまたはカスタムスタイリングをサポートします。 AJAXデータの読み込みや列固有のフィルタリングなど、高度な構成オプションを提供します。アクティブに更新されました（執筆時点でバージョン2.0）。

• ウェブサイト
• github
• codepen

jPagesプラグイン：

テーブル、ギャラリー、またはスライダー用の高度にカスタマイズ可能なページネーションブロックを提供します。 Animate.cssと怠zyな負荷をサポートします。 githubではありません。その年齢は、プラグインを選択する要因かもしれません。

• ウェブサイト
• デモ1
• デモ2

jquery pajinate：

ページ全体で長いリストを配布します。 コンテンツのページネーションを直接処理します。 古いjQueryバージョン（1.xまたは2.x）で最適に機能します。 最後に2013年に更新されました。

• github/docs
• demo

（Dominic Myersがレビューしたピア。SitePointのピアレビュアーに感謝します。）

よくある質問（FAQ）：

このセクションは、JQUERYページネーションプラグインに関する元のFAQを維持し、機能、統合、カスタマイズ、ブラウザの互換性、トラブルシューティング、ダイナミックデータ処理、パフォーマンス、更新、複数のプラグインの使用、アクセシビリティをカバーしています。