jQuery Simple Pagination

jQuery Simple Pagination is A simple plugin, yet robustly customizable pagination plugin for jQuery

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

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: ','
});