jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』

SPONSORED LINK

Pocket

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

使い方はとっても簡単。

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

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

table_1.gif

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

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

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

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

table_2.gif

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

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

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

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

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

» Flexigrid

ツイッターもやっています!

SPONSORED LINK

    • maroso
    • June 27th, 2008

    「行の高さが可変に」の機能はないみたいです。右辺および下辺のドラッグによりテーブル全体のリサイズができます。

  1. No trackbacks yet.