日期:2014-05-17  浏览次数:20393 次

关于使用js实现前台table分页
Web前端Table分页显示

需求:
某一个表格显示的内容很多,屏幕一屏显示不了,出现了滚动条,用户需要拖动滚动条才可以看完

现在的需求是,表格分页显示,注这里的分页不是后台翻页,而是前端的Table分页

表格的内容还是那么多,只是分页显示出来




我想用Repater在后台绑定数据之后然后再使用js在前台分页,可是当我把table 写到Repater中的时候,JS无法读取到
        this.__oTable__ = document.getElementById(this.tableId); //获取table引用
        this.__oTBody__ = this.__oTable__.tBodies[this.tBodyId]; //获取tBody引用
        this.__dataRows__ = this.__oTBody__.rows;
        this.rowCount = this.__dataRows__.length;在这句的时候无法读取到tbody标签里的行数。求高手解决。
  <HeaderTemplate>
            <table id="table1" width="800" border="1" align="center">
        </HeaderTemplate>
        <ItemTemplate>
        <tbody id=" <%=Count() %>">
            <tr>
                <td><%#Eval("ST_ID") %></td>
                <td><%#Eval("ST_Name") %></td>
                <td><%#Eval("ST_Sub") %></td>
                <td><%#Eval("ST_Score") %></td>
            </tr>
        </tbody>
        </ItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>
------解决方案--------------------
额,这个代码是后期修改过的 ,table中的tbody 标签应该是如下图的,拿不到行数
<table id="table1" width="800" border="1" align="center">
   </HeaderTemplate>
   <ItemTemplate>
   <tbody id="group_one" >
   <tr>
   <td><%#Eval("ST_ID") %></td>
   <td><%#Eval("ST_Name") %></td>
   <td><%#Eval("ST_Sub") %></td>
   <td><%#Eval("ST_Score") %></td>
   </tr>
   </tbody>
   </ItemTemplate>
   <FooterTemplate>
   </table>
------解决方案--------------------
表示该需求不合理,也难实现。"用户需要拖动滚动条才可以看完"该操作无比简单,还要分页只能说明客户太叼.
js分页,可参考
http://topic.csdn.net/u/20110429/22/7b251677-f05f-4be2-8db5-3773e47ba905.html