2013-12-08 74 views
0

我有一个大的数据库表,我想要显示给用户。我在表格中显示信息,每页大约30行。我想使用jqPagination允许用户跳转到不同的页面。因此,第1页将显示第1-30行,第2页将显示第31-60行......我看到的唯一示例是如何使用它跳转到页面的不同部分。是否有可能以某种方式使用jqPagination来请求下一个30行到新页面?jq对新页面的页面请求

在此先感谢!

回答

0

如果要显示所有表中的行与你开始可以使用下面的代码只有一次显示30:

$(document).ready(function() { 

    // select the table rows 
    $table_rows = $('.table-example tbody tr'); 

    var table_row_limit = 30; 

    var page_table = function(page) { 

     // calculate the offset and limit values 
     var offset = (page - 1) * table_row_limit, 
      limit = page * table_row_limit; 

     // hide all table rows 
     $table_rows.hide(); 

     // show only the n rows 
     $table_rows.slice(offset, limit).show(); 

    } 

    $('.pagination').jqPagination({ 
     max_page: $table_rows.length/table_row_limit, 
     paged: page_table 
    }); 

    // set the initial table state to page 1 
    page_table(1); 

}); 

Table pagination example

如果您不显示所有行,那么您可以使用此代码来使用AJAX从系统中获取行,而不是显示/隐藏。

+0

感谢您的信息。如果我会更加关注文档并看到回调,我不会不得不问一个蹩脚的问题。再次感谢! – user3079977

+0

@ user3079977没问题,文档应尽快改进以包含一些示例。 –

+0

@BenEverard:你有一个工作的例子,让页面使用php和Ajax与jqpagination? – sqlchild