扩展jquery实现客户端表格的分页、排序

下面链接中是我用jQuery的扩展来实现的表格分页和排序，使用这个扩展必须加上表头<thead>和<tbody>标签，因为我是通过<tbody>来进行分页的，要是不加thead，那么表头也要作为分页计算时的一个行了。

下载最新代码和示例：jqueryPaging.rar

使用方法如下：

如果仅仅用分页功能：$("#myTable").tablePaging();

参数说明：

id: jQuery(this).attr('id'), // 要分页的表格的ID
pageSize: 10, // 单个页面显示记录数，默认是10条
sorting: false,//是否要进行排序，默认不排序
sortDirection: 'asc', //排序顺序，默认升序
sortSelector: '',//排序选择的列，这里需要给td设置一个class用来识别。可以从示例中看到演示
sortType: '', //排序支持的数字类型，‘number’,‘string’,‘date’
onPaged: null // 排完序之后绑定事件

看一下分页效果：

转载于:https://www.cnblogs.com/wangjq/archive/2011/03/15/1984029.html

扩展jquery实现客户端表格的分页、排序相关推荐

html5怎么给表格设置分页,如何让HTML5的表格支持后台排序与分页
如何让HTML5的表格支持后台排序与分页 TWaver HTML5发布已有一段时间,使用的客户也是逐渐增加,于是我也迫不及待地申请了一个试用版来写一个小网页,最近正在写到数据查询,表格显示的功能.表格 ...
php 点击表头排序,TP5+ajax实现点击表格表头切换排序，带分页
TP5+ajax实现点击表格表头切换排序,带分页 2018-08-15 14:59:06ThinkPHP php接收页码请求的地址 /** * ajax 无刷新分页 * param $page int ...
altas(ajax)控件(二十)：让BulletedList拥有客户端索引、分页和排序的控件
PagingBulletedList agingBulletedList扩展器控件可以让某个ASP.NET BulletedList拥有客户端索引.分页和排序的功能. 示例运行效果: 图(1) 图(2 ...
elementUi设置表格分页排序
elementUi设置表格分页排序 (scope.$index+1)+(tableModel.pageNum-1)*(tableModel.pageSize) 效果图 <template> ...
ASP.NET 2.0数据处理之高级分页/排序
GridView控件中的"选择"操作纯粹是一个UI概念,它的SelectedIndex属性与表格的可视数据行中的当前被选中的行的索引相对应.如果你启用了表格的分页和排序功能,在执行 ...
jooq 分页排序_将jOOQ与Spring结合使用：排序和分页
jooq 分页排序 JOOQ是一个库,可以帮助我们控制SQL. 它可以从我们的数据库生成代码,并允许我们使用其流畅的API来构建类型安全的数据库查询. 本教程前面的部分向我们介绍了如何配置应用程序的应 ...
jquery tablelist Tablesorter 表格控件
jquery tablelist Tablesorter 表格控件 Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如 ...
jqGrid+FastJson+MybatisPlus快速开发分页排序和增删改查。
框架介绍 jqGrid :是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信.支持json和xml数据和服务器交互,有很多自定义的功能,具体可以去看文档:http://blog ...
springboot整合layui实现数据表格的分页操作
第一步,引入依赖文件 <link rel="stylesheet" href="./layui/css/layui.css"> <script ...

扩展jquery实现客户端表格的分页、排序

扩展jquery实现客户端表格的分页、排序相关推荐

最新文章

热门文章