@Valeriy_Morozov

Пример кода: таблица с фильтрацией с использованием Thymeleaf и Spring ( можно Boot ), как найти?

Очень хочу в целях обучения изучить чужой код. фильтрация нужна любая, кроме Search bar, везде нахожу фильтрацию только через него.
А очень хотелось бы посмотреть на таблицу, где есть сортировка ( простое нажатие на хедер таблицы или т.п. ) и фильтрация ( например, кнопки, выпадающий список, чекбоксы, что угодно ).
Вот что-то такое:
ZWiKYX8.png

Хотя бы в самой минимальной реализации, на гитхабе никак не могу найти, уже второй день сижу фуллтайм.
Подскажите, пожалуйста, был бы крайне благодарен за помощь.
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 1
azerphoenix
@azerphoenix Куратор тега Java
Java Software Engineer
Добрый день.
Ну тут стоит обратить внимание на 2 варианта реализации:
1) фильтрация / сортировка на стороне клиента средствами js. Т.е. с сервера отдаются данные, а затем уже эти данные сортируются на стороне клиента
2) фильтрация / сортировка на стороне сервера. А данные уже отдаются в отсортированном виде

Сортировку и фильтрация на клиентской стороне можно достичь средствами js.
Вот, готовый продукт:
Data Tables -
сортировка - https://datatables.net/examples/basic_init/table_s...
фильтрация - https://datatables.net/extensions/fixedheader/exam...
Если нужна серверная фильтрация и сортировка в DataTables, то:
https://datatables.net/examples/data_sources/serve...

А вот, готовая либа для Spring, чтобы работать с DataTables. Фильтрация также поддерживается:
https://github.com/darrachequesne/spring-data-jpa-...

Вот, кастомный пример сортировка средствами js
простое нажатие на хедер таблицы

https://bootsnipp.com/snippets/1erEV

Теперь, что касается фильтрации и сортировки на серверной стороне средстваами самого Spring:
https://www.bezkoder.com/spring-boot-pagination-so...
https://www.baeldung.com/spring-data-jpa-paginatio...

P.S. у разработчика bezkoder (ссылка выше), также есть страница на гитхаб, где предложены исходники проектов
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы