Лучший способ создать разбитый список разделов

Question

Задача: Мне нужно создать список «divs», который будет содержать информацию о общежитиях (изображение профиля, кнопка, чтобы забронировать номер и краткую информацию). Этот список будет динамически создаваться с помощью запроса к базе данных. Список должен быть разбит на страницы и показывать только первые n общежитий, делая обращения Ajax к db.

Мое решение: Создайте шаблон div, созданный итеративно. Используйте javascript для реализации требования разбивки на страницы.

Мой вопрос: Имеет ли смысл изобретать решение колеса? Или мне лучше использовать некоторую существующую библиотеку/инфраструктуру для достижения этого, если да, будет оценено какое-либо предложение относительно существующего инструмента (это может быть вне темы, но не удалось найти одну библиотеку для достижения этого).

normal table with one column and three rows

table with one column but splitted rows

Answer 1

Есть множество библиотек, доступных для ее достижения, один из которых я использовал это

datatables.js

и работает нормально. Имеет возможность поиска подкачки, сортировки и т. Д.

Для того, чтобы дать представление, основанное на вашем дизайне, вы можете иметь одну таблицу столбцов, которая может иметь шаблон вашего div (datatables дает возможность определять шаблон для вашего столбца) и то вы также можете определить сортировку, основываясь на некоторых ваших данных полей.

Пейджинг выполняется автоматически, но вы все равно можете его настроить.

Он также имеет функцию поиска, поэтому вы можете указать вариант поиска конкретного общежития или цены или чего-либо еще.