讓網頁上的表格能自動排序
網頁中的表格裡面的文字、數字都是死的,使用以下方法可動態排序表格,讓內容更能一目了然的閱讀。
使用 「sorttable」這支Javascript小程式,可以輕鬆讓你建立動態排序的表格!
sorttable 原始網站:
官方網站:http://www.kryogenix.org/code/browser/sorttable/
下載JS檔:http://www.kryogenix.org/code/browser/sorttable/sorttable.js
本站連結:下載 sorttable
使用方法:
- 將檔案(sorttable.js)放置到網頁所在的資料夾。
- 編輯網頁的<head>標籤,加入:
script src="/您的網頁路徑/sorttable.js"></script> <style type="text/css"> /* Sortable tables */ table.sortable thead { background-color:#eee; color:#666666; font-weight: bold; cursor: default; } </style>
- 修改表格的<table>標籤,後面加上class=”sortable” ,成為:<table class=“sortable”>
- 存檔,完成。
快去試試看吧!