- 2008-03-24 (Mon) 10:24
- 開発ツール・技術
これはいつか使いたい、という意味でエントリー。jQueryを使って実に簡単にテーブルをいろいろ便利にしてくれるライブラリのご紹介。
使い方はとっても簡単。
$('.flexme').flexigrid();
↑ こうしたコードを書くだけで・・・。
↑ こんなテーブルが出来てしまう・・・。
もちろんjQueryちっくにいろいろオプションをつけることができます。
$('.flexme2').flexigrid({height:'auto',striped:false});
↑ こういうコードにすると・・・。
↑ ストライプが消えます。
他にもさまざまなオプションやら機能があるようです。もちょっと複雑なデモはサイトをご覧ください。
なお、どんなことができるか以下にまとめておきますね。
- 列の幅が可変に。
- 行の高さが可変に。
- 列で並べ替え可能に。
- XMLからデータを入れ込み可能。
XMLからデータが読めたりすると業務用システムなどでも良さそうですね。ダウンロード＆詳細は以下からどうぞ。
こちらもあわせてどうぞ
- Newer: サンフランシスコからロサンジェルスへ
- Older: Googleにおけるユーザーエクスペリエンスのデザインガイドライン10か条
Posted on March 24th, 2008
Comments:1
- maroso 08-06-27 (Fri) 14:09
-
「行の高さが可変に」の機能はないみたいです。右辺および下辺のドラッグによりテーブル全体のリサイズができます。
Trackbacks:0
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2008/03/jqueryflexigrid.html/trackback
- Listed below are links to weblogs that reference
- jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 from IDEA*IDEA ～ 百式管理人のライフハックブログ
