2012年9月20日 星期四

[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 艾摩杰~

沒有留言:

張貼留言