わずか2.5KBでテーブルにソート機能を提供する「TinyTable」
2009年03月11日-
スポンサード リンク
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);
関連エントリ
わずか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);
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- AppleっぽいデザインのjQueryスライダーサンプル
- Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」
- 2012年5月24日 管理人のブックマーク
- 立体感がリアルなON・OFFスイッチ実装jQueryデモ
- PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」
- 2012年5月23日 管理人のブックマーク
- PC・スマホ・タブレットで動くクールなHTML5スライドショー実装ができる「Juicebox」
- 既にここまで出来るWebGLのデモ22
- 2012年5月22日 管理人のブックマーク
- CSSな吹き出しを作れるWEBツール「cssarrowplease」
- 過去のエントリ



















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



