Easy Large Table Pagination Plugin With jQuery Paginator - Download Easy Large Table Pagination Plugin With jQuery - Paginator

Download Easy Large Table Pagination Plugin With jQuery – Paginator

By Posted on

This time I will share jQuery Plugin and tutorial about Easy Large Table Pagination Plugin With jQuery – Paginator, hope it will help you in programming stack.

Easy Large Table Pagination Plugin With jQuery Paginator - Download Easy Large Table Pagination Plugin With jQuery - Paginator
File Size: 12 KB
Views Total: 11456
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Demo Download

A simple yet customizable jQuery pagination plugin for the long html table that allows you to specify how many rows to be shown on one page. Fully styleable via CSS.

How to use it:

1. Include the style sheet jquery.paginate.css in the header.

view source
1 <link href="jquery.paginate.css" rel="stylesheet">

2. Include jQuery library and the JavaScript file jquery.paginate.js at the bottom of your html page.

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

3. Call the function paginate on the html table and specify the max number of rows shown per page.

view source
1 $('table').paginate({
2   'elemsPerPage': 5
3 });

4. Specify the max number of pagination buttons:

view source
1 $('table').paginate({
2   'elemsPerPage': 5,
3   'maxButtons': 5
4 });

5. Customize the text shown in the buttons.

view source
1 $('table').paginate({
2   'previousText': '&laquo;',
3   'nextText': '&raquo;',
4   'previousSetText': '&hellip;',
5   'nextSetText': '&hellip;',
6   'showAllText': '&dArr;'
7 });

6. Default CSS classes for the pagination controls.

view source
01 $('table').paginate({
02  
03   // prefix = 'paginate';
04   'disabledClass': prefix + 'Disabled',
05   'activeClass': prefix + 'Active',
06   'containerClass': prefix + 'Container',
07   'listClass': prefix + 'List',
08   'showAllListClass': prefix + 'ShowAllList',
09   'previousClass': prefix + 'Previous',
10   'nextClass': prefix + 'Next',
11   'previousSetClass': prefix + 'PreviousSet',
12   'nextSetClass': prefix + 'NextSet',
13   'showAllClass': prefix + 'ShowAll',
14   'pageClass': prefix + 'Page',
15   'anchorClass': prefix + 'Anchor',
16    
17 });

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

source : jqueryscript.net

Related posts: