2013-11-03

[Javascript] 快速將 Table 加上排序的功能 - SortTable

提到 Table 的排序 Plugin,大家第一個想到的應該是 jQuery 的 TableSorter,但今天要介紹的是另一個叫 SortTable,或許它沒 TableSorter 的功能那麼完整,但是對於基本的應用我倒覺得也是很方便又快速的。

最常用到的排序功能大概就是點 Table 的 Title 就能自動排序了,還有決定哪個 Title 不需要有排序的功能,SortTable 也都能做到,以下就介紹如何使用這兩個功能:

include SortTable.js,因為它不是 jQuery Plugin,所以不用再 include jQuery.js
// include SortTable.js
<script src="sorttable.js"></script> 

在要有排序功能的 Table 加上 class="sortable" 參數,注意 class 的內容值是 sortable,而不是 sorttable,只有一個 t:

// Table 加上 class="sortable" 參數
<table class="sortable"> 

預設是所有的欄位都加上排序功能,如果要指定哪個欄位不用排序功能,就可以加上以下 class 參數:

// td 加上 class="sorttable_nosort" 參數
<td class="sorttable_nosort"> 

這樣就完成了排序的功能囉~


參考來源:http://goo.gl/BFi1us

沒有留言:

張貼留言