龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

jQuery实现分页功能,使用PagedTable插件

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
这里介绍jQuery实现表格内容分页的插件,基于大量的表格内容上进行的一种分页,便于表格内容的可读性,效果图如下: 使用说明 需要使用 jQuery 库文件和 PagedTable 库文件[ 下载 ][ 在线

这里介绍jQuery实现表格内容分页的插件,基于大量的表格内容上进行的一种分页,便于表格内容的可读性,效果图如下:
jQuery插件PagedTable实现表格内容分页功能

使用说明
需要使用jQuery库文件和PagedTable库文件[下载][在线演示]

使用实例
一,包含文件部分

  1. <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
  2. <script src="pagedtable-0.9.1.js" type="text/javascript"></script>

二,HTML部分

  1. <table>
  2. <tr><td>必优博客</td></tr>
  3. <tr><td>表格内容区</td></tr>
  4. <tr><td>www.biuuu.com</td></tr>
  5. </table>

三,Javascript部分

  1. <script type="text/javascript">
  2. (function() {
  3. $('table').pageable();
  4. })();
  5. </script>

如上实例直接使用PagedTable插件就能实现了一个表格分页,注意HTML部分的表格数据考虑到内容大多就只提取了部分数据,实际上如果需要考虑分页的话数据量肯定很多的。


精彩图集

赞助商链接