Prosty i użyteczny plugin Paginacji – simplePagination.js

Pewnie już słyszałeś o simplePagination.js. Osobiście uważam go za jednego z lepszych paginatorów na stronę i sam często go używam. Jest prosty w implementacji oraz ma sporo funkcji dzięki którym możemy przystosować go do swoich potrzeb.

Szybka implementacja :

1. Dodaj kod w sekcji head

   <script type="text/javascript" src="path_to/jquery.js"></script>
   <script type="text/javascript" src="path_to/jquery.simplePagination.js"></script>
   

    

2. Dodaj styl aby paginacja ślicznie wyglądała na naszej stronie 🙂

   <link type="text/css" rel="stylesheet" href="path_to/simplePagination.css"/>
   

    

3. Odpal paginacje i odpowiednio ją skonfiguruj

   $(function() {
       $(selector).pagination({
           items: 100, // łączna ilość wpisów w bazie danych
           itemsOnPage: 10, //ile na stronie ma być wyświetlonych wpisów
           cssStyle: 'light-theme' //zdefiniowany styl
       });
   });