Download
Demo
- Overview
- Documents
User Rating: 2/5 ( 2 votes)
Your Rating:
jQuery Simple Pagination is A simple plugin, yet robustly customizable pagination plugin for jQuery
1. INCLUDE JS FILES
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="jquery-simple-pagination-plugin.js"></script>
2. HTML
<div id="first-container"> <table> <tbody> <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/--> <tr><td>One</td></tr> <tr><td>Two</td></tr> <tr><td>Three</td></tr> <tr><td>Four</td></tr> <tr><td>Five</td></tr> <tr><td>Six</td></tr> <tr><td>Seven</td></tr> <tr><td>Eight</td></tr> <tr><td>Nine</td></tr> <tr><td>Ten</td></tr> <tr><td>Eleven</td></tr> <tr><td>Twelve</td></tr> <tr><td>Thirteen</td></tr> <tr><td>Fourteen</td></tr> <tr><td>Fifteen</td></tr> <tr><td>Sixteen</td></tr> <tr><td>Seventeen</td></tr> <tr><td>Eighteen</td></tr> <tr><td>Nineteen</td></tr> <tr><td>Twenty</td></tr> <tr><td>Twenty-one</td></tr> <tr><td>Twenty-two</td></tr> <tr><td>Twenty-three</td></tr> <tr><td>Twenty-four</td></tr> <tr><td>Twenty-five</td></tr> <tr><td>Twenty-six</td></tr> <tr><td>Twenty-seven</td></tr> <tr><td>Twenty-eight</td></tr> <tr><td>Twenty-nine</td></tr> </tbody> </table> <div class="my-navigation"> <div class="simple-pagination-first"></div> <div class="simple-pagination-previous"></div> <div class="simple-pagination-page-numbers"></div> <div class="simple-pagination-next"></div> <div class="simple-pagination-last"></div> </div> </div>
3. JAVASCRIPT
$('#first-container').simplePagination();
4. OPTIONS
$('#first-container').simplePagination({ pagination_container: 'tbody', html_prefix: 'simple-pagination', navigation_element: 'a',//button, span, div, et cetera items_per_page: 25, number_of_visible_page_numbers: 5, // use_page_numbers: true, use_first: true, use_previous: true, use_next: true, use_last: true, // use_page_x_of_x: true, use_page_count: false,// Can be used to combine page_x_of_x and specific_page_list use_showing_x_of_x: true, use_item_count: false, use_items_per_page: true, use_specific_page_list: true, // first_content: 'First', //e.g. '<<' previous_content: 'Previous', //e.g. '<' next_content: 'Next', //e.g. '>' last_content: 'Last', //e.g. '>>' page_x_of_x_content: 'Page', showing_x_of_x_content: 'Showing', // items_per_page_content: { 'Five': 5, 'Ten': 10, 'Twenty-five': 25, 'Fifty': 50, 'One hundred': 100 }, thousands_separator: ',' });