首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-26 
jQuery插件PagedTable实现表格内容分页功能jQuery插件PagedTable实现表格内容分页功能 http://house.lwsho

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 style="vertical-align: top; width: 80px; height: 57px; padding: 0px; margin: 0px;" width="48" height="48" alt="jQuery插件PagedTable兑现表格内容分页功能">多种防伪标志的金士顿4GDTG2U盘49.0元jQuery插件PagedTable兑现表格内容分页功能

?

热点排行