jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』
March 24, 2008 10:24 AM written by Gen Taguchi

これはいつか使いたい、という意味でエントリー。jQueryを使って実に簡単にテーブルをいろいろ便利にしてくれるライブラリのご紹介。

使い方はとっても簡単。

$('.flexme').flexigrid();

↑ こうしたコードを書くだけで・・・。

table_1.gif

↑ こんなテーブルが出来てしまう・・・。

もちろんjQueryちっくにいろいろオプションをつけることができます。

$('.flexme2').flexigrid({height:'auto',striped:false});

↑ こういうコードにすると・・・。

table_2.gif

↑ ストライプが消えます。

他にもさまざまなオプションやら機能があるようです。もちょっと複雑なデモはサイトをご覧ください。

なお、どんなことができるか以下にまとめておきますね。

  • 列の幅が可変に。
  • 行の高さが可変に。
  • 列で並べ替え可能に。
  • XMLからデータを入れ込み可能。

XMLからデータが読めたりすると業務用システムなどでも良さそうですね。ダウンロード&詳細は以下からどうぞ。

» Flexigrid

この記事のトラックバックURL (トラックバックは承認後に公開されます)

コメント一覧

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
あわせて読みたい

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

タブブラウザ Sleipnir 公式ページ(上級者向け)

Powered by
MovableType 3.33-ja

人気ブログランキング - idea*idea
ワード
www.flickr.com
This is a Flickr badge showing photos in a set called 自炊生活. Make your own badge here.