網頁在顯示表格時,通常都會希望針對欄位做排序的功能
這時候就可以使用Tablesorter
在使用上,HTML格式需要配合特定的格式才可以正常使用
HTML:
姓名 | 生日 |
---|---|
張三 | 2011.01.01 |
李四 | 2012.05.06 |
王五 | 2012.06.05 |
引入的javascript:
jQuery:
(document).ready(function(){ ("#test_table").tablesorter(); //參數部份請參考官網
});
官方有提供兩種顏色的樣版,如果要使用,只要引入樣版資料夾中的css,再把table元素加上tablesorter的class名稱即可
Categories: jQuery