Własna paginacja na frontendzie

Chciałbym zrobić customową paginację na froncie za pomocą jQuery. Tylko jest jeden problem. Nie wiem za bardzo jak się za to zabrać. Ponieważ to by było trzeba zliczać ile itemów pobieram i na podstawie tego dodać tyle buttonów z poszczególnymi numerami strony, do tego dochodzi jeszcze to, że może być wyświetlana różna ilość elementów na stronie. Nie chcę korzystać z gotowych szablonów, ponieważ chce dać swoje style. Do tego chciałbym jeszcze mieć filtrację i sortowanie np. po nazwie, cenie.

Byłby w stanie mi ktoś pomóc?

To, że chcesz użyć własne style, to nie znaczy, że nie możesz skorzystać z jakiegoś gotowego rozwiązania, bo JavaScript to jedno, a style to drugie. Poza tym za pewne wiele gotowych pluginów / bibliotek umożliwia stylowanie.

Jak najbardziej możesz chociaż podpatrzeć w gotowych rozwiązaniach jak zostało to zrobione i samemu to zaimplementować "pod siebie".

Dodam, że paginacja po stronie front-endu to nie jest najlepsze rozwiązanie ze względu na performance. Jeśli jest to naprawdę niewiele wyników to jeszcze ujdzie, ale nie powinno to być docelowe rozwiązanie. To samo tyczy się sortowania, filtrowania.

Oczywiście po stronie backendu będą metody do paginacji, filtracji i sortowania. Jednak na frontendzie będę to musiał jakoś obsłużyć. Bo zakładając, że mam zrobioną paginacje po stronie backendu to po stronie frontendu muszę wiedzieć ile elementów zostało pobranych i na tej podstawie wyświetlić odpowiednią ilość buttonów do paginacji. Mam jeszcze kilka pytań.

1. Czy w takim przypadku skorzystałbyś z customowej paginacji itd. czy byś użył czegoś gotowego?
2. Jakiś czas temu szukałem gotowych rozwiązań do biblioteki jQuery aby móc zrobić powyższe czynności z możliwością zmiany styli, ale bez skutku.

Ja z kolei mam pytanie czemu chcesz koniecznie paginację na froncie zrobić? Jeśli myślisz o dynamicznym przeładowaniu AJAX rozwiążę sprawę. Paginację możesz wyrenderować w backu i wyświetlić na froncie. Plusem takiego rozwiązania jest to, że czy masz 10 czy 10000 itemów zawsze requestem pobierasz określoną ilość (np. 10 kolejnych) przez co wydajność nie spadnie. Jeśli chodzi o rozwiązanie frontowe (czysto frontowe, czyli bez żadnych odpytań ajaxem i przeładowań) konieczne jest na inicie wyświetlenie wszystkich elementów, ograniczenie wyświetlania do określonej ilości oraz wyrenderowanie paginacji przez JS.