pablolobos
3/13/2014 - 3:32 PM

jquery_paginate-table.js

jquery_paginate-table.js

$('table.i-simulador-table').each(function() {
	var currentPage = 0;
	var numPerPage = 10;
	var $table = $(this);
	$table.bind('repaginate', function() {
		$table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
	});
	$table.trigger('repaginate');
	var numRows = $table.find('tbody tr').length;
	var numPages = Math.ceil(numRows / numPerPage);
	var $pager = $('<div class="pager"></div>');
	for (var page = 0; page < numPages; page++) {
		$('<span class="page-number"></span>').text(page + 1).bind('click', {
			newPage: page
		}, function(event) {
			currentPage = event.data['newPage'];
			$table.trigger('repaginate');
			$(this).addClass('active').siblings().removeClass('active');
		}).appendTo($pager).addClass('clickable');
	}
	$pager.insertBefore($table).find('span.page-number:first').addClass('active');
});