作者Schang1979 (Bye Bye Dog)
站內Blog
標題Re: [Blogger] 可排序表格
時間Sat Oct 1 12:01:05 2011
※ 引述《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的範本原始碼太複雜，不知道會不會衝到。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.233.197.67
1F：→ Schang1979:我試用的結果是OK的 10/02 18:00
2F：推 imasa:非常感謝! 10/02 23:19