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
        });
    });
    

     

Podziel się :
  • Facebook
  • Twitter
  • email
  • Drukuj
  • PDF

Może Ci się również spodoba

2 komentarze

  1. Bartosz pisze:

    Z którą wersją jQuery to jest kompatybilne?

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.