扩展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 文档的编码问题解决
Mar 01 Javascript
比较搞笑的js陷阱题
Feb 07 Javascript
javascript关于继承的用法汇总
Dec 20 Javascript
Jquery操作Ajax方法小结
Nov 29 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
创建一个类Person的简单实例
May 17 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
深入理解es6块级作用域的使用
Mar 28 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
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
php进程间通讯实例分析
2016/07/11 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
PHP code 验证码生成类定义和简单使用示例
2020/05/27 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
百度判断手机终端并自动跳转js代码及使用实例
2014/06/11 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
JavaScript使用replace函数替换字符串的方法
2015/04/06 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
vue自定义指令实现方法详解
2019/02/11 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
python实现代理服务功能实例
2013/11/15 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
python异常触发及自定义异常类解析
2019/08/06 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
连锁经营管理专业大学生求职信
2013/10/30 职场文书
《两只鸟蛋》教学反思
2014/02/10 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
环保标语口号
2014/06/13 职场文书
学习普通话的体会
2014/11/07 职场文书
加入学生会自荐书
2015/03/05 职场文书
微信早安问候语
2015/11/10 职场文书
gateway网关接口请求的校验方式
2021/07/15 Java/Android
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python