User Friendly Pagination Plugin With jQuery and Bootstrap - easyPaginate
File Size: | 22.3KB |
---|---|
Views Total: | 6615 |
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:
- Slider Pagination with jQuery UI Slider - SliderPagination
- jQuery Pagination Controller Plugin - tradpaginator
- Stylish jQuery Pagination Plugin - simple Pagination
- Easy Client Side Pagination Using jQuery Dynapagin Plugin
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: '…', currentPage: 1, ellipseText: '…', 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.