可排序表格 - 部落格

※ 引述《imasa (便當俠)》之銘言：
: ※ 引述《toshism (質実剛健)》之銘言：
: : 標題: [blogger] 可排序表格
: : 時間: Wed Feb 16 11:37:56 2011
: : 請問在部落格做得出可排序表格(sortable table)嗎？
: : 我在網上都只找到網頁用的，使用一個.js檔
: : 這個似乎行不通
: : 不知道blogger是否能做到？
: : --
: : ◆ From: 211.75.90.199
: : 推 culolom:其實用wlw看語法就可以了啊 02/19 19:37
: : → toshism:不好意思什麼是wlw 可以說詳細一點嗎? 02/22 13:07
: : → richon:Windows Live Writer，google "wlw"也會有教學及下載 02/24 09:40
: 請問一下
: 我參考此篇把wlw下載回來並安裝好了
: 但是我看他的插入表格功能也只有簡單的邊框大小和數量設定
: 並沒有看到關於排序的選項
: 我應該要從哪裡找出排序表格的語法呢?

可以試試看jQuery的Tablesorter 2.0
你需要引用兩個jvascript：
<script type="text/javascript" src="/path/to/jquery-latest.js"></script>
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

src換為你放置javascript檔的網路空間路徑

另外還有一段呼叫的程式碼：
<script type="text/javascript" id="js">$(document).ready(function()
{
$("table").tablesorter();
}
);</script>

以上三段程式碼皆寫在blogger範本原始碼的</head>標籤前。

接著編輯你文章的html，整理表格標籤，務必要有<thead>、<th>、<tbody>，
因為Tablesorter依賴這些標籤來分辨表格的內容。

最後把表格的<table>標籤加上class屬性
<table class="tablesorter">
表示該表格要套用Tablesorter功能。

詳細可看原始說明：
http://tablesorter.com/docs/

原則是應該可用，但是最近blogger的範本原始碼太複雜，不知道會不會衝到。

--