用js 把table分页的问题？

我在做一个个人博客的系统，就是不知道 怎么把我从数据库查询出来的数据(日志信息,有多列)在table中分页，请各位大哥帮我做下该如何用js 分页。谢谢
这是我的代码      <table border="1" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>&nbsp;序号</td>
<td>&nbsp;标题</td>
<td>&nbsp;作者</td>
<td>&nbsp;发表时间</td></tr>
<c:forEach items="${LOGLIST}" var="loglist" varStatus="logid">
<tr id="mytr">
<td width="73">${logid.index+1}</td>
<td width="223" align="left"><img src="img/log.jpg"/><a href="LogServlet?logID=${loglist.logID}">${loglist.logName}</a></td>
<td>${loglist.logUAccount}</td>
<td>${loglist.logTime}
</td></tr>
</c:forEach>
</tbody></table>

解决方案 »

  1.   

    上述中的数据都是从数据库查出然后存放在SESSION中的一个集合
    根据集合的类型查出每个对象的所有属性
      

  2.   

    还需要两个变量:pagesize,pagecount!!!!!!
    然后再根据需要分页!!!!
      

  3.   

    给你一个思路，我以前是这样做的，可以在客户端创建一个内存TABLE，然后设置每页的记录数，再根据总的记录数算出分页数，然后显示第一页，用JS控制当前页的编号，当前显示页的第一条记录的序号。
    这种方法，对于记录数较多的查询，不宜使用
      

  4.   

    将 数据都存在 JSON 数组里.使用的时候 先调出第一页，然后根据 总数 length 计算出总共有几页。和 PHP 分页是一样的。这里的数据也是全部在数组里的。
      

  5.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>表格分页显示_caiying2009</title>
    </head><body>
    <table border="1" cellpadding="0" cellspacing="0" id=tab1>
    <tbody><tr>
    <td>&nbsp;序号</td>
    <td>&nbsp;标题</td>
    <td>&nbsp;作者</td>
    <td>&nbsp;发表时间</td></tr><tr id="mytr0">
    <td width="73">00</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">00</a></td>
    <td>00</td>
    <td>00</td></tr><tr id="mytr1">
    <td width="73">11</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">11</a></td>
    <td>11</td>
    <td>11</td></tr><tr id="mytr2">
    <td width="73">22</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">22</a></td>
    <td>22</td>
    <td>22</td></tr><tr id="mytr3">
    <td width="73">33</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">33</a></td>
    <td>33</td>
    <td>33</td></tr><tr id="mytr4">
    <td width="73">44</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">44</a></td>
    <td>44</td>
    <td>44</td></tr><tr id="mytr5">
    <td width="73">55</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">55</a></td>
    <td>55</td>
    <td>55</td></tr><tr id="mytr6">
    <td width="73">66</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">66</a></td>
    <td>66</td>
    <td>66</td></tr><tr id="mytr7">
    <td width="73">77</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">77</a></td>
    <td>77</td>
    <td>77</td></tr><tr id="mytr8">
    <td width="73">88</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">88</a></td>
    <td>88</td>
    <td>88</td></tr><tr id="mytr9">
    <td width="73">99</td>
    <td width="223" align="left"><img src="img/log.jpg"/><a href="###">99</a></td>
    <td>99</td>
    <td>99</td></tr></tbody></table><br>
    <input type=button onclick="N(-1)" value="上一页">
    <input type=button onclick="N(1)" value="下一页">
    <script language="javascript">
    <!--
    var pagesize=4,pagecount=1,pageLen
    var obj,j
    onload=function(){
    obj=document.getElementById('tab1').getElementsByTagName("tr")
    j=obj.length;
    pageLen=Math.ceil(j/pagesize)
    N(0)
    }
    function resetStyle(){
    for (var i=1;i<j;i++)obj[i].style.display="none"
    }
    function N(k){
    if (k>0 && pagecount>=pageLen ||k<0 && pagecount<=1)return
    pagecount+=k;
    resetStyle();
    for (var i=(pagecount-1)*pagesize+1;i<=pagecount*pagesize;i++)if (obj[i])obj[i].style.display=""
    }
    //-->
    </script></body></html>