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