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
   [java]
   <script type="text/javascript" src="path_to/jquery.js"></script>
   <script type="text/javascript" src="path_to/jquery.simplePagination.js"></script>
   [/java]

    

2. Dodaj styl aby paginacja ślicznie wyglądała na naszej stronie 🙂
   [css]
   <link type="text/css" rel="stylesheet" href="path_to/simplePagination.css"/>
   [/css]

    

3. Odpal paginacje i odpowiednio ją skonfiguruj
   [java]
   $(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
   });
   });
   [/java]