Skip to content
Srihari goud edited this page Oct 28, 2013 · 6 revisions

easyPaginate – A jQuery pagination with bootstrap support.

A simple jQuery pagination with bootstrap support, gives a full support of bootstrap.

** Demo:**


Watch the demo here

How to use:


step1 : *** Include jquery library and then easyPaginate.js in your web page

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

Use jquery 1.8 or older ones

step 2:


Include bootstrap.css in the web page

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

-> You can write your styles based on the classes(btn, btn-primary) used in the pagination library.

**Step **3:


Call the function on your pagination placeholder:

$(function() { $(selector).easyPaginate({ items: 100, itemsOnPage: 10 }); });


If necessary, you can mention pages directly instead of number of items and items on page,

Clone this wiki locally