Simple Convenient Pagination Plugin For jQuery Paginathing - Download Simple Convenient Pagination Plugin For jQuery - Paginathing

Download Simple Convenient Pagination Plugin For jQuery – Paginathing

By Posted on

This time I will share jQuery Plugin and tutorial about Simple Convenient Pagination Plugin For jQuery – Paginathing, hope it will help you in programming stack.

Simple Convenient Pagination Plugin For jQuery Paginathing - Download Simple Convenient Pagination Plugin For jQuery - Paginathing
File Size: 4.95 KB
Views Total: 4013
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Demo Download

Paginathing is a simple yet highly configurable jQuery pagination plugin used to paginate any group of HTML elements (e.g. large tables and lists) on your webpage. Fully compatible with Bootstrap pagination component.

Key features:

  • Allows to limit the maximum of pages.
  • Allows to specify how many items to be displayed per page.
  • Custom pagination buttons.
  • Easy to style using your own CSS.

How to use it:

1. To use this plugin, you have to include the jQuery paginathing plugin after you have jQuery library included.

view source
1 <script src="//code.jquery.com/jquery.min.js"></script>
2 <script src="paginathing.js"></script>

2. Just call the function paginathing on target element and done.

view source
1 $('table tbody').paginathing({
2   // options here
3 });

3. Possible options to customize the pagination plugin.

view source
01 $('table tbody').paginathing({
02  
03   // how many items per page
04   perPage: 10, // show item per page
05  
06   // // false or number
07   limitPagination: false,
08  
09   // enable next / prev buttons
10   prevNext: true,
11  
12   // enable first / last buttons
13   firstLast: true,
14  
15   // custom text for pagination buttons
16   prevText: '&laquo;',
17   nextText: '&raquo;',
18   firstText: 'First',
19   lastText: 'Last',
20  
21   // default container class
22   containerClass: 'pagination-container',
23  
24   // default ul class
25   ulClass: 'pagination', // extend default ul class
26  
27   // li class
28   liClass: 'page',
29  
30   // active class
31   activeClass: 'active',
32  
33   // disabled class
34   disabledClass: 'disable'
35  
36   // class or id (eg: .element or #element).
37   // append the paginator after certain element
38   insertAfter: null
39    
40 });

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

source : jqueryscript.net

Related posts: