扩展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高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 Javascript
javascript表单正则应用
Feb 04 Javascript
AngularJs 常用的过滤器
May 15 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
用最少的JS代码写出贪吃蛇游戏
Jan 12 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
vue中使用element组件时事件想要传递其他参数的问题
Sep 18 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 Javascript
vue使用element-ui按需引入
May 20 Vue.js
基于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与MySQL交互使用详解
2006/10/09 PHP
php桌面中心(一) 创建数据库
2007/03/11 PHP
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
PHP读取PDF内容配合Xpdf的使用
2012/11/24 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
取得一定长度的内容,处理中文
2006/12/20 Javascript
jquery中的事件处理详细介绍
2013/06/24 Javascript
JavaScript中Cookie操作实例
2015/01/09 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
JavaScript提高性能知识点汇总
2016/01/15 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
JS+HTML5 canvas绘制验证码示例
2018/12/05 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
nodemon实现Typescript项目热更新的示例代码
2019/11/19 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
Python中异常重试的解决方案详解
2017/05/05 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
对python函数签名的方法详解
2019/01/22 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
2013/06/03 HTML / CSS
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
篮球赛口号
2014/06/18 职场文书
实习单位指导教师评语
2014/12/30 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书
海贼王十大潜力果实,路飞仅排第十,第一可毁世界(震震果实)
2022/03/18 日漫
Python学习之迭代器详解
2022/04/01 Python