User Friendly Pagination Plugin With jQuery and Bootstrap - easyPaginate

User Friendly Pagination Plugin With jQuery and Bootstrap - easyPaginate
File Size: 22.3KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

easyPaginate is a simple and fast jQuery plugin for creating a clean and user-friendly one page pagination with Twitter's bootstrap support.

You might also like:

Basic Usage:

1. Include Twitter's bootstrap css in the head section.

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

2. The Html.

<div id="page">TODO write content</div>
<div id="pagination"></div>

3. Include jQuery library and jQuery easyPaginate plugin at the bottom.

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script src="jquery.easyPaginate.js" type="text/javascript"></script> 

4. The javascript.

<script>
$("#pagination").easyPaginate({
items: 100,
edges: 3,
onClickcallback: function(page){
   $("#page").html("Current Page is " + page);
},
onInit:function(){
$("#page").html("Current Page is " + 1);
}
});
</script>

5. All the default options.

<script>
$("#pagination").easyPaginate({
items: 100,
itemsOnPage: 10,
pages: 0,
edges: 2,
sides: 2,
ellipseText: '&hellip;',
currentPage: 1,
ellipseText: '&hellip;',
onInit: function() {
},
gePage: function(page) {
},
onClickcallback: function(page) {
}
});
</script>

This awesome jQuery plugin is developed by sriharigoud. For more Advanced Usages, please check the demo page or visit the official website.