表格排序 - mx15366_ie5sorttable
你有沒有在網頁上做過表格呢?我想應該是有的吧！若是做了一份成績單的表格，那麼要怎麼做排序呢？我想很多人在表格上做排序大多是利用資料庫的方式(像是ASP)吧！
那麼如果是靜態的HTML網頁格式的表格是否可以做排序？我想大多數的人的回答都是做不到吧。
今天要介紹的一個插件，就是讓你可以在靜態的表格中做排序，還蠻不錯用的喔 ~，對於不懂資料庫的人可以考慮看看試用這個插件，讓你的表格具有排序的功能。
首先還是要安裝插件，安裝完後，插件的指令會放在行為面板中
接著在你的網頁中放置你的表格
表格做好之後，接著放上你要排序的模式：順序排列或是反序排列
在這裡我利用了Excel中的排序圖示來表示順序或是反序，來讓瀏覽者點選圖片達到排序的目的
先點一下A→Z的圖檔，再點選行為面板的 IE5 Dynamic Table Sort 指令，選擇了 Ascending 選項後，點選確定。
於是在行為面板中就會多出一項 onClick 的行為指令了。
接著在將Z→A 的圖示也仿照上述步驟做一次，不一樣的地方只有在 IE5 Dynamic Table Sort 中選擇 Descending 選項，代表反序排序。
再接著將學生姓名、第一次、第二次、第三次也都製作排序圖示，也都將 IE5 Dynamic Table Sort 指令加入，另外也請在學號、學生姓名、第一次、第二次、第三次這些標題項加入一個空的連結，可以加入 # 字串，讓標題列是連結的樣子，做完結果如下：
接著將檔案存檔後，就可以看展示效果了
注意事項：
1. 要做排序的資料不得有超連結，若有超連結的資料就無法排序(會亂七八糟的排序)
2. 建議標題列只使用圖檔或是使用有連結的文字，因為 IE5 Dynamic Table Sort 插件不會對圖檔或是有連結的文字做排序，所以若是沒有依循此規則，則排序會亂掉，所以在我的例子中由於沒有將學號、學生姓名、第一次、第二次、第三次做成圖檔，所以就必須將這幾個文字加入 # 的空連結
3. 動態網頁(例如 ASP)的表格也可以添加 IE5 Dynamic Table Sort 的插件
4. 要添加 IE5 Dynamic Table Sort 指令的表格，一定要在第一列中添加，否則會出現錯誤訊息
插件下載