Paginar con jquery

[juandedios]

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:

$(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.

[Dany_s]

porque ocultas las filas en el evento paginate y se ejecuta cuando le dan click en los números

[juandedios]

Se oculta lo que no quiero que se vea, pero solo funciona cuando empiezo a dar click en los enlaces de las paginas, cuando inicia esta pagina de golpe aparecen todos los registros

[juandedios]

Ya lo solucione, no se si sea una solución muy buena pero ya me funciona:

le coloqué esta linea:

Código Javascript:

$table.find("tbody tr").hide().slice(currentPage * numPerPage,(currentPage + 1) * numPerPage).show();
 

antes de esto:

Código Javascript:

$table.bind('repaginate', function(){
    $table.find("tbody tr").hide().slice(currentPage * numPerPage,(currentPage + 1) * numPerPage).show();
});
 

[Dany_s]

Iniciado por juandedios

Se oculta lo que no quiero que se vea, pero solo funciona cuando empiezo a dar click en los enlaces de las paginas, cuando inicia esta pagina de golpe aparecen todos los registros

eso es lo que digo, primero genera los números de páginas y muestra todas las filas pero recien cuando das click en algún número de pagina se ocultan y muestran dependiendo del número que presionaste, por eso sólo funciona cuando das click

otra solución a la que pusiste es lanzar un click en el primero número

o sino, $("tutabla tr:gt("+ (numPerPage - 1 )+")").hide(); te oculta todos los tr despues del indice dado