扩展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 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
Jan 08 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
jQuery回到顶部的代码
Jul 09 Javascript
浅析JavaScript中break、continue和return的区别
Nov 30 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
Router解决跨模块下的页面跳转示例
Jan 11 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 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实现文件下载断点续传详解
2014/10/15 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
2017/02/27 Javascript
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
js实现简单页面全屏
2019/09/17 Javascript
node 标准输入流和输出流代码实例
2019/09/19 Javascript
vue数据响应式原理知识点总结
2020/02/16 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
[03:55]2014DOTA2国际邀请赛 Fnatic经理采访赢DK在情理之中
2014/07/10 DOTA
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
Python标准库内置函数complex介绍
2014/11/25 Python
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
django 实现编写控制登录和访问权限控制的中间件方法
2019/01/15 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
Python使用sqlite3模块内置数据库
2020/05/07 Python
Python定义一个函数的方法
2020/06/15 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
毕业生应聘幼儿园的自荐信
2013/11/20 职场文书
员工拾金不昧表扬信
2014/01/09 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
大学校园招聘会感想
2015/08/10 职场文书
《司马光》教学反思
2016/02/22 职场文书