关于使用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