讓網頁上的表格能自動排序



網頁中的表格裡面的文字、數字都是死的,使用以下方法可動態排序表格,讓內容更能一目了然的閱讀。

使用 「sorttable」這支Javascript小程式,可以輕鬆讓你建立動態排序的表格!

sorttable 原始網站:

官方網站:http://www.kryogenix.org/code/browser/sorttable/

下載JS檔:http://www.kryogenix.org/code/browser/sorttable/sorttable.js

本站連結:下載 sorttable

使用方法:

  1. 將檔案(sorttable.js)放置到網頁所在的資料夾。
  2. 編輯網頁的<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>
  3. 修改表格的<table>標籤,後面加上class=”sortable” ,成為:<table class=“sortable”>
  4. 存檔,完成。

快去試試看吧!

Leave a Reply

CAPTCHA 驗證圖片
更換一張圖片