Hola, estoy haciendo una paginación para el resultado de una tabla y todo sale bien, salen los numeritos indicando las paginas que hay y al darle click a cada uno se muestra la información que debe mostrar.
El problema es que cuando carga la pagina por primera vez de golpe me muestra todos los registros, recien cuando doy click a algun numerito es que muestra como debe ser.
El codigo jquery esta aqui:
Código Javascript
:
Ver original$(document).ready(function(){
$("table.paginated").each(function(){
var currentPage = 0;
var numPerPage = 2;
var $table = $(this);
$table.bind('repaginate', function(){
$table.find("tbody tr").hide().slice(currentPage * numPerPage,(currentPage + 1) * numPerPage).show();
});
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');
});
});
Agradecería que me ayuden.