扩展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选择器(常用选择器说明)
Sep 28 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 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查询优化简单实例
2015/01/13 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
php简单实现快速排序的方法
2015/04/04 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
js 作用域和变量详解
2017/02/16 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python 的AES加密与解密实现
2019/07/09 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
美国体育用品商店:Paragon Sports
2017/10/08 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
公证书标准格式
2014/04/10 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
公安机关正风肃纪剖析材料
2014/10/10 职场文书
行风评议整改报告
2014/11/06 职场文书
滴水洞导游词
2015/02/10 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android