扩展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插件 autoComboBox 下拉框
Dec 22 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
js 遍历json返回的map内容示例代码
Oct 29 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
Vue路由管理器Vue-router的使用方法详解
Feb 05 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
vscode自定义vue模板的实现
Jan 27 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调用三种数据库的方法(2)
2006/10/09 PHP
php抓取https的内容的代码
2010/04/06 PHP
深入理解php的MySQL连接类
2013/06/07 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Python socket网络编程TCP/IP服务器与客户端通信
2017/01/05 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
浅谈Python NLP入门教程
2017/12/25 Python
python实现用户管理系统
2018/01/10 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
Pytorch 多维数组运算过程的索引处理方式
2019/12/27 Python
Python异常原理及异常捕捉实现过程解析
2020/03/25 Python
Python新手学习raise用法
2020/06/03 Python
PyTorch安装与基本使用详解
2020/08/31 Python
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
大学生学习自我评价
2014/01/13 职场文书
中青班党性分析材料
2014/02/16 职场文书
父母对孩子的寄语
2014/04/09 职场文书
大学生村官座谈会发言材料
2014/05/25 职场文书
实验室标语
2014/06/21 职场文书
物流专业求职信
2014/06/30 职场文书
学习党章的体会
2014/11/07 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
react合成事件与原生事件的相关理解
2021/05/13 Javascript