jQuery table 排序的套件範例

參考網址：http://tablesorter.com/docs/

Include:

• jquery-1.2.6.min.js
• jquery-latest.js
• jquery.tablesorter.js
• jquery.metadata.js
• ＜link rel="stylesheet" href="blue/style.css" type="text/css" id="" media="print, projection, screen" />
  

Html：

• 把 table 的 class 設成 tablesorter
• {sorter: false}：不能排序

＜table class="tablesorter" width="100%" border="0" id="tdata">
　＜thead>
　　＜tr id="line">
　　　＜th class="{sorter: false}">欄位1＜/th>
　　　＜th>欄位2＜/th>
　　　＜th>欄位3＜/th>
　　　＜th>欄位4＜/th>
　　＜/tr>
　＜/thead>
　＜tbody>
　　＜tr>
　　　＜td>123＜/td>
　　　＜td>345＜/td>
　　　＜td>453＜/td>
　　　＜td>4532＜/td>
　　＜/tr>
　　＜tr>
　　　＜td>1232＜/td>
　　　＜td>3454＜/td>
　　　＜td>4533＜/td>
　　　＜td>45＜/td>
　　＜/tr>
　＜/tbody>
＜/table>

Javascript:
$(document).ready(function(){
　　//點欄位排序
　　 $("table").tablesorter();
});