扩展jquery实现客户端表格的分页、排序
来源:互联网 发布:网站建设以及seo 编辑:程序博客网 时间:2024/06/06 11:41
下面链接中是我用jQuery的扩展来实现的表格分页和排序,使用这个扩展必须加上表头<thead>和<tbody>标签,因为我是 通过<tbody>来进行分页的,要是不加thead,那么表头也要作为分页计算时的一个行了。
下载最新代码和示例:jqueryPaging.rar
使用方法如下:
<script language="javascript" type="text/javascript">
$("#myTable").tablePaging({ pageSize:5, sorting:true, sortSelector:".js-Order", sortType:"number" });
</script>
$("#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实现客户端表格的分页、排序
- 用jQuery和jTemplates插件实现客户端分页的表格展现(2)
- JavaScript 实现的客户端表格排序
- 用HTC做的客户端表格分页和点列头排序
- JQuery实现页面的表格数据的增加与分页
- JQuery实现页面的表格数据的增加与分页
- javascript实现了客户端页面的表格排序
- 利用jquery,java实现表格动态分页
- 使用Jquery实现表格动态分页
- [原创][利用TDC实现表格的排序,过滤,上下条滚动及表格分页]
- 表格排序的实现
- 基于Jquery的表格排序
- jQuery ligerGrid 打造通用的分页排序查询表格(提供下载)
- jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载)
- jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载)
- jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载)
- jQuery liger ui ligerGrid 打造通用的分页排序查询表格
- jquery做的表格分页功能
- 黑马程序员----java面向对象03(接口、多态)
- 用NSTask执行外部命令并获取输出结果的方法
- foobar的cue生成插件
- dhtmlxGrid分页查询,条件查询实例
- 【OpenCV入门指南】第一篇 安装OpenCV
- 扩展jquery实现客户端表格的分页、排序
- Flex报错归类(三)
- Nodejs获取本机地址
- win7 64位 汇编环境搭建
- ubuntu 下openkore的运行
- ffmpeg编码aac过程
- vim打开上次最后关闭的文件
- 汉诺塔递归
- HighCharts制作报表