Лучший способ создать страничный список divs

Проблема: мне нужно создать список «divs», который будет содержать информацию о хостелах (фотография профиля, кнопка для бронирования номера и некоторая краткая информация). Этот список будет динамически создан с помощью запроса к базе данных. Список должен быть разбит на страницы и показывать только первые N хостелов, совершая вызовы Ajax в БД.

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

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

Обычная таблица с одним столбцом и тремя строками

таблица с одним столбцом, но разделенными строками

1 ответ

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

    datatables.js

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

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

    Paging это делает автоматически, но вы все еще можете настроить его.

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