前の記事 ≪:Photoshopイラスト作成チュートリアル40集
次の記事 ≫:クールに表示を切り替えられるCSSとjQueryサンプル

わずか2.5KBでテーブルにソート機能を提供する「TinyTable」

2009年03月11日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
TinyTable JavaScript Table Sorter - 2.5KB - Web Development Blog

わずか2.5KBでテーブルにソート機能を提供する「TinyTable」。
シンプルだけど次のようなかっこいいソート可能テーブルを実現できる軽量ライブラリが公開。


デモページ

各種変数の設定でカスタマイズも可能みたい。
CSSのクラス名の指定なんかが出来るようです。

var sorter = new TINY.table.sorter("sorter");
sorter.head = "head"; //header class name
sorter.asc = "asc"; //ascending header class name
sorter.desc = "desc"; //descending header class name
sorter.even = "evenrow"; //even row class name
sorter.odd = "oddrow"; //odd row class name
sorter.evensel = "evenselected"; //selected column even class
sorter.oddsel = "oddselected"; //selected column odd class
sorter.paginate = true (false); //toggle for pagination logic
sorter.pagsize = 15 (20); //toggle for pagination logic
sorter.currentid = "currentpage"; //current page id
sorter.limitid = "pagelimit"; //page limit id
sorter.init("table",1);

関連エントリ
関連の記事検索:JavaScript, ライブラリ, table, Webデザイン
スポンサード リンク

By.KJ : 2009年03月11日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)