扩展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之querySelector和querySelectorAll使用说明
Oct 09 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
微信小程序和百度的语音识别接口详解
May 06 Javascript
javascript浅层克隆、深度克隆对比及实例解析
Feb 09 Javascript
Vue封装全局过滤器Filters的步骤
Sep 16 Javascript
elementui的el-popover修改样式不生效的解决
Jun 30 Javascript
vue的项目如何打包上线
Apr 13 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 开发环境配置(Zend Server安装)
2010/04/28 PHP
php 面向对象的一个例子
2011/04/12 PHP
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
Yii核心验证器api详解
2016/11/23 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
js 获取服务器控件值的代码
2010/03/05 Javascript
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
JavaScript DOM进阶方法
2015/04/13 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
python入门教程之识别验证码
2017/03/04 Python
pycharm远程调试openstack的图文教程
2017/11/21 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
pandas to_excel 添加颜色操作
2020/07/14 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
网络编辑岗位职责
2014/03/18 职场文书
学习经验演讲稿
2014/05/10 职场文书
三月雷锋月活动总结
2014/07/03 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
年底个人总结范文
2015/03/10 职场文书
2015年街道除四害工作总结
2015/05/15 职场文书
原告离婚代理词
2015/05/23 职场文书
党员转正大会主持词
2015/07/02 职场文书
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL