日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 人文社科 > 生活经验 >内容正文

生活经验

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

發布時間:2023/11/27 生活经验 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 扩展jquery实现客户端表格的分页、排序 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

下面鏈接中是我用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();

參數說明:

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实现客户端表格的分页、排序的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。