扩展jquery实现客户端表格的分页、排序
下面鏈接中是我用jQuery的擴(kuò)展來實(shí)現(xiàn)的表格分頁和排序，使用這個(gè)擴(kuò)展必須加上表頭<thead>和<tbody>標(biāo)簽，因?yàn)槲沂?通過<tbody>來進(jìn)行分頁的，要是不加thead，那么表頭也要作為分頁計(jì)算時(shí)的一個(gè)行了。
下載最新代碼和示例：jqueryPaging.rar
使用方法如下：
<script language="javascript" type="text/javascript">$("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" });
</script>
如果僅僅用分頁功能：$("#myTable").tablePaging();
參數(shù)說明：
id: jQuery(this).attr('id'), // 要分頁的表格的ID
pageSize: 10, // 單個(gè)頁面顯示記錄數(shù)，默認(rèn)是10條
sorting: false,//是否要進(jìn)行排序，默認(rèn)不排序
sortDirection: 'asc', //排序順序，默認(rèn)升序
sortSelector: '',//排序選擇的列，這里需要給td設(shè)置一個(gè)class用來識(shí)別。可以從示例中看到演示
sortType: '', //排序支持的數(shù)字類型，‘number’,‘string’,‘date’
onPaged: null // 排完序之后綁定事件
看一下分頁效果：
轉(zhuǎn)載于:https://www.cnblogs.com/wangjq/archive/2011/03/15/1984029.html
總結(jié)
以上是生活随笔為你收集整理的扩展jquery实现客户端表格的分页、排序的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
