This time I will share jQuery Plugin and tutorial about Minimal jQuery Table Pagination Plugin – SimplePagination, hope it will help you in programming stack.
SimplePagination is a really simple jQuery plugin used to add pagination to your large Html table with very little effort. By default, the plugin truncates your table and shows 5 rows per page. All the pagination elements (buttons, links, containers) can be styled in the CSS.
How to use it:
1. Load jQuery library and the jQuery simplePagination plugin at the end of the document.
1 |
< script src = "//code.jquery.com/jquery-1.11.2.min.js" ></ script > |
2 |
< script src = "jquery.simplePagination.js" ></ script > |
2. Just call the plugin on your existing Html table and you’re done.
1 |
$( "#example" ).simplePagination(); |
3. Available options and defaults.
01 |
$( "#example" ).simplePagination({ |
08 |
previousButtonClass: '' , |
12 |
previousButtonText: 'Previous' , |
13 |
nextButtonText: 'Next' , |
Change log:
2015-10-11
This awesome jQuery plugin is developed by smarulanda. For more Advanced Usages, please check the demo page or visit the official website.