作者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