[JQuery] Animated table sort (表格排序動畫)

一般來說,要寫排序法真讓各位頭痛
必須在後台將資料排序完畢,再傳送到Client端
現在使用這套 後端完全不需要做排序動作
全由前端執行排序


套件名稱:Animated table sort
作者網站:http://www.mitya.co.uk/scripts/Animated-table-sort-111
檔案下載:http://jquery.tablesort.js/

使用方法:
$(selector).tableSort(params);


參數說明:
onCol(必填)
描述: 要排序的欄位索引, 要從 1 開始算
預設值: 無
keepRelationships(選填)
描述: 是否同列的欄位也跟著排序
預設值: false
regexp(選填)
描述: 可利用正規表示法 (/pattern/) 來做排序的計算
預設值: null
regexpIndex(選填)
描述: 用 regexp 找出後的結果順位來排序
預設值: 0
child(選填)
描述: 可用 td 中指定子元素來做排序的計算
預設值: 本身 td 的內容
sortType(選填)
描述: 預設的排序計算方式;允許的值有 'ascii' 及 'numeric'
預設值: 'ascii'
sortDesc(選填)
描述: 若是 true 則由大至小排序;反之則由小至大
預設值: false


範例:



 

	
Place County Phone code Approx. population
Nottingham Nottinghamshire 0115 292400
Luton Bedfordshire 01582 203800
Huddersfield Yorkshire 01484 146234
Carlisle Cumbria 01228 103700
Brighton East Sussex 01273 155919
Woking Surrey 01483 62796
Basingstoke Hampshire 01256 82913
Rhyll Clwyd 01745 24889



有任何疑問歡迎留言

By 艾摩杰~

留言

這個網誌中的熱門文章

Synology NAS + PXE 掛載iSCSI 打造無硬碟系統 啟動WinXP,Win7

教你如何下載網頁內的Flash影片!!! (for google chrome)

[PS3] PS3 最完整 改機 破解 自製固件 教學 (傻瓜教學版) (韌體Rogero_CEX_4.30_v2.05)