扩展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 .ajax 在IE下卡死问题的解决方法
Oct 26 Javascript
JavaScript this调用规则说明
Mar 08 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
Vue.js用法详解
Nov 13 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 Javascript
vue实现模态框的通用写法推荐
Feb 26 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
JavaScript中set与get方法用法示例
Aug 15 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 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入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
PHP通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
php selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
php实现的XML操作(读取)封装类完整实例
2017/02/23 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
2019/03/21 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
js 动态选中下拉框
2009/11/26 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
JavaScript中的条件判断语句使用详解
2015/06/03 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python中的自省(反射)详解
2015/06/02 Python
在windows系统中实现python3安装lxml
2016/03/23 Python
Python线程指南详细介绍
2017/01/05 Python
python实现pdf转换成word/txt纯文本文件
2018/06/07 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
Python 共享变量加锁、释放详解
2019/08/28 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
优秀经理事迹材料
2014/02/01 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
运动会加油稿30字
2015/07/21 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
JavaScript 与 TypeScript之间的联系
2021/11/27 Javascript