扩展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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
angular.element方法汇总
Jan 07 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
jquery模拟多级复选框效果的简单实例
Jun 08 Javascript
H5手机端多文件上传预览插件
Apr 21 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
深入理解React中何时使用箭头函数
Aug 23 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 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实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
php桥接模式应用案例分析
2019/10/23 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
javascript实现表格排序 编辑 拖拽 缩放
2015/01/02 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
angular 内存溢出的问题解决
2018/07/12 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
Python实现的调用C语言函数功能简单实例
2019/03/13 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
Python基于execjs运行js过程解析
2020/11/27 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
怎样声明子类
2013/07/02 面试题
物理教学随笔感言
2014/02/22 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
建筑工地宣传标语
2014/06/18 职场文书
计算机求职信
2014/07/02 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
村级四风对照检查材料
2014/08/24 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
医德医风个人总结
2015/02/28 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
Java实现聊天机器人完善版
2021/07/04 Java/Android