扩展jquery实现客户端表格的分页、排序功能代码


Posted in Javascript onMarch 16, 2011

下载代码和示例: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 // 排完序之后绑定事件

看一下分页效果:
扩展jquery实现客户端表格的分页、排序功能代码

Javascript 相关文章推荐
JavaScript语言中的Literal Syntax特性分析
Mar 08 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
实现连缀调用的map方法(prototype)
Aug 05 Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
innerHTML在IE中报错解决方案
Dec 15 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
JQuery和HTML5 Canvas实现弹幕效果
Jan 04 Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 #Javascript
jQuery前台数据获取实现代码
Mar 16 #Javascript
最短的IE判断代码
Mar 13 #Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 #Javascript
js中巧用cssText属性批量操作样式
Mar 13 #Javascript
js中获取事件对象的方法小结
Mar 13 #Javascript
js中关于new Object时传参的一些细节分析
Mar 13 #Javascript
You might like
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
toString()一个会自动调用的方法
2010/02/08 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
js图片轮播特效代码分享
2015/09/07 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
Vue自定义指令详解
2017/07/28 Javascript
vuejs选中当前样式active的实例
2018/08/22 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
Vue性能优化的方法
2020/07/30 Javascript
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
Python使用修饰器执行函数的参数检查功能示例
2017/09/26 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
python try 异常处理(史上最全)
2019/03/07 Python
详解python中的线程与线程池
2019/05/10 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
Python读写压缩文件的方法
2020/07/30 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
python线程优先级队列知识点总结
2021/02/28 Python
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
药学职务聘任书
2014/03/29 职场文书
大学生求职计划书
2014/04/30 职场文书
社区健康教育工作方案
2014/06/03 职场文书
十周年庆典策划方案
2014/06/03 职场文书
市场调查策划方案
2014/06/10 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
乔迁新居祝福语
2019/11/04 职场文书
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技