jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』
- March 24th, 2008
- Posted in 開発ツール・技術
- Write comment
これはいつか使いたい、という意味でエントリー。jQueryを使って実に簡単にテーブルをいろいろ便利にしてくれるライブラリのご紹介。
使い方はとっても簡単。
$('.flexme').flexigrid();
↑ こうしたコードを書くだけで・・・。
↑ こんなテーブルが出来てしまう・・・。
もちろんjQueryちっくにいろいろオプションをつけることができます。
$('.flexme2').flexigrid({height:'auto',striped:false});
↑ こういうコードにすると・・・。
↑ ストライプが消えます。
他にもさまざまなオプションやら機能があるようです。もちょっと複雑なデモはサイトをご覧ください。
なお、どんなことができるか以下にまとめておきますね。
- 列の幅が可変に。
- 行の高さが可変に。
- 列で並べ替え可能に。
- XMLからデータを入れ込み可能。
XMLからデータが読めたりすると業務用システムなどでも良さそうですね。ダウンロード＆詳細は以下からどうぞ。
「行の高さが可変に」の機能はないみたいです。右辺および下辺のドラッグによりテーブル全体のリサイズができます。