javascript/tablesorter2.0 - @ウィキ ツールズ

jQueryを使ってテーブルをソート可能にするプラグイン tablesorter の紹介ページ。

プラグイン配布ページ

tablesorter
ダウンロード

デモ

1	2	3	4
5	6	7	8
6	7	8	5
7	8	5	6

県番号と都道府県名および県庁所在地

番号	都道府県名	都道府県名 (かな)	県庁所在地	県庁所在地 (かな)
1	北海道	ほっかいどう	札幌	さっぽろ
2	青森県	あおもり	青森	あおもり
3	岩手県	いわて	盛岡	もりおか
4	宮城県	みやぎ	仙台	せんだい
5	秋田県	あきた	秋田	あきた
6	山形県	やまがた	山形	やまがた
7	福島県	ふくしま	福島	ふくしま
8	茨城県	いばらき	水戸	みと
9	栃木県	とちぎ	宇都宮	うつのみや
10	群馬県	ぐんま	前橋	まえばし
11	埼玉県	さいたま	さいたま	さいたま
12	千葉県	ちば	千葉	ちば
13	東京都	とうきょう	東京	とうきょう
14	神奈川県	かながわ	横浜	よこはま
15	新潟県	にいがた	新潟	にいがた
16	富山県	とやま	富山	とやま
17	石川県	いしかわ	金沢	かなざわ
18	福井県	ふくい	福井	ふくい
19	山梨県	やまなし	甲府	こうふ
20	長野県	ながの	長野	ながの
21	岐阜県	ぎふ	岐阜	ぎふ
22	静岡県	しずおか	静岡	しずおか
23	愛知県	あいち	名古屋	なごや
24	三重県	みえ	津	つ
25	滋賀県	しが	大津	おおつ
26	京都府	きょうと	京都	きょうと
27	大阪府	おおさか	大阪	おおさか
28	兵庫県	ひょうご	神戸	こうべ
29	奈良県	なら	奈良	なら
30	和歌山県	わかやま	和歌山	わかやま
31	鳥取県	とっとり	鳥取	とっとり
32	島根県	しまね	松江	まつえ
33	岡山県	おかやま	岡山	おかやま
34	広島県	ひろしま	広島	ひろしま
35	山口県	やまぐち	山口	やまぐち
36	徳島県	とくしま	徳島	とくしま
37	香川県	かがわ	高松	たかまつ
38	愛媛県	えひめ	松山	まつやま
39	高知県	こうち	高知	こうち
40	福岡県	ふくおか	福岡	ふくおか
41	佐賀県	さが	佐賀	さが
42	長崎県	ながさき	長崎	ながさき
43	熊本県	くまもと	熊本	くまもと
44	大分県	おおいた	大分	おおいた
45	宮崎県	みやざき	宮崎	みやざき
46	鹿児島県	かごしま	鹿児島	かごしま
47	沖縄県	おきなわ	那覇	なは

テーブル編集(table_edit) との組合せ

No	列2	列3	編集
1	hoge	ほげ	編集
2	hogehoge	ほげほげ	編集
3			編集
4			編集
5			編集

ソース

wikiソース

Javascript

include/tablesorter,js

CSSカスタマイズ追記例

@import url("http://www53.atwiki.jp/atwiki_tools/pub/css/themes/blue/style.css");

Tips

JSのみを記述したページ(ex. ページ名：tablesorter)を用意し、テーブルにソート機能を追加したいページで&include_cache(tablesorter)と呼び出すと、より使いやすい。
この場合、呼び出したページでは表を#divclass(tablesorter){}で囲う必要がある。

javascript plugin Error : このプラグインで利用できない命令または文字列が入っています。