扩展jquery实现客户端表格的分页、排序功能代码
更新时间：2011年03月16日 23:42:31 作者：
下面链接中是我用jQuery的扩展来实现的表格分页和排序，使用这个扩展必须加上表头<thead>和<tbody>标签，因为我是 通过<tbody>来进行分页的，要是不加thead，那么表头也要作为分页计算时的一个行了。
下载代码和示例：jqueryPaging.rar
使用方法如下：
<script language="javascript" type="text/javascript">
$("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" });
</script>
如果仅仅用分页功能：$("#myTable").tablePaging();
参数说明：
id: jQuery(this).attr('id'), // 要分页的表格的ID
pageSize: 10, // 单个页面显示记录数，默认是10条
sorting: false,//是否要进行排序，默认不排序
sortDirection: 'asc', //排序顺序，默认升序
sortSelector: '',//排序选择的列，这里需要给td设置一个class用来识别。可以从示例中看到演示
sortType: '', //排序支持的数字类型，‘number',‘string',‘date'
onPaged: null // 排完序之后绑定事件
看一下分页效果：
使用方法如下：
复制代码 代码如下:
<script language="javascript" type="text/javascript">
$("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" });
</script>
如果仅仅用分页功能：$("#myTable").tablePaging();
参数说明：
id: jQuery(this).attr('id'), // 要分页的表格的ID
pageSize: 10, // 单个页面显示记录数，默认是10条
sorting: false,//是否要进行排序，默认不排序
sortDirection: 'asc', //排序顺序，默认升序
sortSelector: '',//排序选择的列，这里需要给td设置一个class用来识别。可以从示例中看到演示
sortType: '', //排序支持的数字类型，‘number',‘string',‘date'
onPaged: null // 排完序之后绑定事件
看一下分页效果：
相关文章
以往我在使用下拉框控件老是为了样式丑陋而烦恼，现在分享这个控件，喜欢的朋友可以进行二次修改，达到你想要的效果2013-11-11
这篇文章主要为大家详细介绍了jQuery手风琴的简单制作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了JQuery导航菜单选择特效 的相关资料,需要的朋友可以参考下2016-04-04
下面小编就为大家带来一篇一次$.getJSON不执行的简单记录。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了jQuery中hasClass()方法用法,实例分析了hasClass()方法的功能、定义及验证匹配元素是否包含指定类的使用技巧,需要的朋友可以参考下2015-01-01
JQuery 是一款快速、易于使用的 JavaScript 框架。芒果介绍几个实用的 JQuery 技巧和窍门。2010-04-04
本文主要介绍jQuery实现文章图片弹出放大效果的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
这篇文章主要介绍了用jquery写的菜单从左往右滑动出现的效果,需要的朋友可以参考下2014-04-04
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
相对于上一篇，优化了拖拽的效果，具体的代码及截图如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
下面小编就为大家带来一篇当jquery ajax遇上401请求的解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论