ページ区切りのdivリストを作成する方が良い

Question

問題：ホステルに関する情報を含む「divs」のリストを作成する必要があります（プロフィール画像、そこに部屋を予約するボタン、および短い情報）。このリストは、データベースへのクエリを通じて動的に作成されます。このリストにはページ番号を付け、Ajaxを呼び出して最初のn個のホステルだけを表示する必要があります。

私のソリューション：テンプレートdivを繰り返し作成しましたか？ Jagascriptを使用してページネーション要件を実装します。

私の質問：私の発明のホイールソリューションは意味がありますか？または既存のツールに関する既存の提案があればそれを実現するために、既存のライブラリ/フレームワークを使用する方が良いでしょう（これはトピックではないかもしれませんが、これを達成するための単一のライブラリを見つけることができませんでした）。

normal table with one column and three rows

table with one column but splitted rows

Answer 1

私が使用したそのうちの一つ、それを達成するために使用可能なライブラリ、がたくさんあり

datatables.js

と正常に動作しています。ページングや検索のソートなどのオプションがあります。

デザインに基づいてアイデアを与えるだけで、divのテンプレートを持つことができます（データテーブルは列のテンプレートを定義するオプションを与えます）。いくつかのフィールドデータに基づいてソートを定義することもできます。

ページングは​​自動的に実行されますが、まだ設定することはできます。

また、検索の機能もあるので、特定のホステルや価格などを検索するオプションを与えることができます。