扩展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 相关文章推荐
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
Jan 13 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
vue.js 中使用(...)运算符报错的解决方法
Aug 09 Javascript
angularJS自定义directive之带参方法传递详解
Oct 09 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
js设计模式之单例模式原理与用法详解
Aug 15 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
axios封装与传参示例详解
Oct 18 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
php5 and xml示例
2006/11/22 PHP
也谈php网站在线人数统计
2008/04/09 PHP
微信access_token的获取开发示例
2015/04/16 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
项目实践之javascript技巧
2007/12/06 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
判断对象是否Window的实现代码
2012/01/10 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
2013/09/12 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
Python中的文件和目录操作实现代码
2011/03/13 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
python中68个内置函数的总结与介绍
2020/02/24 Python
介绍Ibatis的核心类
2013/11/18 面试题
函数指针的定义是什么
2016/08/14 面试题
自我推荐书
2013/12/04 职场文书
恶搞卫生巾广告词
2014/03/18 职场文书
班风学风建设方案
2014/05/06 职场文书
中考标语大全
2014/06/05 职场文书
教师工作失职检讨书
2014/09/18 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
学术会议通知
2015/04/15 职场文书
台风停课通知
2015/04/24 职场文书
学校教师培训工作总结
2015/10/14 职场文书
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android