扩展jquery实现客户端表格的分页、排序
生活随笔
收集整理的這篇文章主要介紹了
扩展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实现客户端表格的分页、排序的全部內容,希望文章能夠幫你解決所遇到的問題。