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

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

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

下载最新代码和示例: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 // 排完序之后绑定事件

看一下分页效果:

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

更多相关:

  • 一、 介绍sort命令是用来对文字内容(文档)排序使用的。同时也可以排序去重、指定字段排序,按照月份排序、按照数字排序,检查文件是否有序等等。默认情况是按照字典序排序以后标准输出到屏幕上,但是该命令不会修改原来的文档内容。sort命令通常和uniq命令以及wc命令一起使用。二、 用法sort [OPTION]... [FILE]......

  • arr.sort((prev, next) => next.排序字段 - prev.排序字段);//从大到小降序(会改变原数组)arr.sort((prev, next) => prev.排序字段 - next.排序字段);//从小到大升序(会改变原数组)...

  • 以下为我们经常用到的十大典型排序算法导图,很多设计以及优化的思想值得去参考学习 因为代码较多,所以都添加到对应的实现注释中了,相关代码可以从Mind-mapping获取xmind源文件 参考文档: 基数排序 堆排序 希尔排序 https://blog.csdn.net/real_lisa/article/details/826854...

  • 对文本操作进行排序,以行为单位,依次根据ascii值进行比较,默认的排序方式为升序 sort [-bcfMnrtk][源文件][-o 输出文件]补充说明:sort可针对文本文件的内容,以行为单位来排序。 参  数:-b 忽略每行前面开始出的空格字符。-c 检查文件是否已经按照顺序排序。-f 排序时,忽略大小...

  • reportviewer 不设置分页 通过设置“report”的属性interactivesize 的height的值为0In 就可以,不再分页,正页显示全篇 转载于:https://www.cnblogs.com/Kazaf/archive/2012/07/23/2604772.html...

  • 效果  代码 npm install vue-qr --save 个别网络用 cnpm install vue-qr --save 安装