Simple Pagination Plugin For jQuery and Bootstrap - Simple Pagination
File Size: | 4.4 KB |
---|---|
Views Total: | 30883 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Simple Pagination is a simple and easy-to-use jQuery plugin that provides a Bootstrap based pagination control for handling client side pagination.
How to use it:
1. Load jQuery library and Bootstrap's stylesheet in the html page.
<link rel="stylesheet" href="bootstrap.min.css"> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
2. Load the jQuery simple pagination plugin after jQuery library.
<script src="pagination.js"></script>
3. Create a container for the pagination control.
<div class="paging-container" id="demo"> </div>
4. Render a pagination control inside the container.
Pagination('#demo', {/*OPTIONS*/});
5. Available options.
isDisabled: false itemsCount: 200 currentPage: 1 pageRange: [10, 20, 30, -1] //-1 (All) pageSize: pageRange[0], onPageSizeChange: function () {}, onPageChange: function () {}
This awesome jQuery plugin is developed by shkolovy. For more Advanced Usages, please check the demo page or visit the official website.