使用 tablesorter 很簡單，前提是表格必須要有 <thead></thead> 及 <tbody></tbody> 讓 tablesorter 知道表頭跟表身在哪裡。除此之外只需要文件載入後呼叫 tablesorter()，並可作預設排序欄位等設定。tablesorter 會自動偵測大部分的資料格式，例如數字、日期、IP 位址等。
網頁 <head> 區範例如下：
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script>
$(document).ready(function() {
$("table").tablesorter({ // 呼叫 tablesorter
sortList: [[0,0]] // 預設排序：第一欄，由小而大
});
});
</script>
沒有留言:
張貼留言