必优博客

对于列表页的实现，大部分都需要使用分页功能，前面介绍了几个jQuery的分页插件，如jQuery分页插件Paginator和jQuery插件JQuery Pager分页器实现javascript分页功能，这里介绍一个实现表格内容分页的插件，基于大量的表格内容上进行的一种分页，便于表格内容的可读性，效果图如下：

使用说明
需要使用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部分的表格数据考虑到内容大多就只提取了部分数据，实际上如果需要考虑分页的话数据量肯定很多的。

PagedTable插件基本配置如下：

1. var defaults = {
2. limit: 5,
3. pagelimit: 10,
4. started: 1,
5. insertpager: true,
6. dragpager: false,
7. fixedwidth: true,
8. pager: '<p class="pager"></p>',
9. page: '<a href="#"></a>',
10. prev: '<a href="#">&laquo;</a>',
11. next: '<a href="#">&raquo;</a>',
12. selectedclass: 'selected'
13. };

参数可自定义，如下实例

1. $('table').pageable({started: 5, pagelimit: 8});

PagedTable插件使用比较简单，基本上只需要自定义相应的参数即可，具体应用可查看JS库文件。

点我下载PagedTable插件源程序
http://jquerycodes.googlecode.com/files/pagedtable.rar