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 Plugin For jQuery and Bootstrap - Simple Pagination

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.