扩展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 相关文章推荐
简单实现兼容各大浏览器的js复制内容到剪切板
Sep 09 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
jQuery中的100个技巧汇总
Dec 15 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
js仿京东轮播效果 选项卡套选项卡使用
Jan 12 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
浅谈js中的this问题
Aug 31 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
Dec 08 Javascript
微信小程序实现滴滴导航tab切换效果
Jul 24 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
jQuery实现全选按钮
Jan 01 jQuery
基于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将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
JS写的数字拼图小游戏代码[学习参考]
2008/10/29 Javascript
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
屏蔽相应键盘按钮操作
2014/03/10 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
解析JavaScript数组方法reduce
2016/12/12 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
python判断端口是否打开的实现代码
2013/02/10 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
英国香水店:The Perfume Shop
2017/03/27 全球购物
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
最美护士演讲稿
2014/08/27 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书