Question

jquery基于客户端分页

本人想知道jquery如题如何分页，知道可以用jquert插件实现，并且也实现了，但是如果是动态生成的表格，我把第一行作为表头，每次翻页都会在第一行显示，并操作如何才能实现呢？有例子可以发我个，没有的可给个思路 谢谢了！
谢谢我已搞定直接在tr里设置class属性，用jquery函数 $(function(){$("#theObjTable").find(".trid").quickpaginate({ perpage: 10, pager : $("#restoretable_counter") }); 可实现

Answer 1

你的表格可以这样设计：
<table cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th> </th>
<th class="sort-title">Title</th>
<th class="sort-author">Author(s)</th>
<th class="sort-date">Publish Date</th>
<th class="sort-price">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="./img/1.gif" width="97" height="25" alt="Buliding Website"/>
</td>
<td>E见周五为欧式的方式浪费时间都</td>
<td>Nagen Graf</td>
<td>May 2004</td>
<td>$50.09</td>
</tr>
<tr>***</tr>
</tobdy>
</body>

然后js代码可以这样写：试试看，不行的话欢迎在线交流，
$(document).ready(function()
{
var $table = $('table');
//分页效果
var currentPage = 0; //当前页
var pageSize = 10; //每页行数（不包括表头）
//绑定分页事件
$table.bind('repaginate', function()
{
$table.find('tbody tr').hide()
.slice(currentPage * pageSize, (currentPage + 1) * pageSize).show();
});

var numRows = $table.find('tbody tr').length; //记录宗条数
var numPages = Math.ceil(numRows/pageSize); //总页数

var $pager = $('<div class="page"></div>'); //分页div
for( var page = 0; page < numPages; page++ )
{
//为分页标签加上链接
$('<a href="#" ><span>'+ (page+1) +'</span></a>')
.bind("click", { "newPage": page }, function(event)
{
currentPage = event.data["newPage"];
$table.trigger("repaginate");
})
.appendTo($pager);

$pager.append(" ");
}
$pager.insertAfter($table); //分页div插入table

$table.trigger("repaginate"); //初始化

});

Answer 2

布好一个表头,然后clone(),在填充数据
function bind() {
$.getJSON("GetJson2.aspx", function(data) {
$("#Show").children().remove();
$.each(data, function(index, item) {
row = $("#temp").clone();
row.find("#St").html(item['St']);
.......

Answer 3

表头的问题就要从table的结构说起了
<table>
<thead>
<th>
<td></td>
...
</th>
</thead>
<tbody>
<tr>
<td></td>
...
<tr>
</tbody>
<tfoot>
<tr>
<td></td>
...
<tr>
</tfoot>
</table>

像这样的结构,只更新tbody里面的内容就可以了,虽然用js控制不更新第一行也可以,但是标签才是表现结构用的