jQuery插件PagedTable实现表格内容分页功能

jQuery插件PagedTable实现表格内容分页功能
http://house.lwshow.cn/ls-jquery-%E5%88%86%E9%A1%B5

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


使用说明
需要使用jQuery库文件和PagedTable库文件[下载][在线演示]
必优推荐级别：★★★

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

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="pagedtable-0.9.1.js" type="text/javascript"></script>
二，HTML部分

<table>
<tr><td>必优博客</td></tr>
<tr><td>表格内容区</td></tr>
<tr><td>www.biuuu.com</td></tr>
</table>
三，Javascript部分

<script type="text/javascript">
(function() {
$('table').pageable();
})();
</script>
如上实例直接使用PagedTable插件就能实现了一个表格分页，注意HTML部分的表格数据考虑到内容大多就只提取了部分数据，实际上如果需要考虑分页的话数据量肯定很多的。

PagedTable插件基本配置如下：

var defaults = {
limit: 5,
pagelimit: 10,
started: 1,
insertpager: true,
dragpager: false,
fixedwidth: true,
pager: '<p class="pager"></p>',
page: '<a href="#"></a>',
prev: '<a href="#">&laquo;</a>',
next: '<a href="#">&raquo;</a>',
selectedclass: 'selected'
};
参数可自定义，如下实例

$('table').pageable({started: 5, pagelimit: 8});
PagedTable插件使用比较简单，基本上只需要自定义相应的参数即可，具体应用可查看JS库文件。

http://jquerycodes.googlecode.com/files/pagedtable.rar



<script type="text/javascript">
(function() {
var pt = $('table').pageable({started: 1, pagelimit: 10,limit: 15});
pt.pager().insertBefore(pt.element);

})();
</script>

 

	多种防伪标志的金士顿4GDTG2U盘
49.0元