CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

26

07月2007年

tableのソートや列の幅が変更可能なTableKit

ishida 12:21 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

table内にて簡単にソートなどが出来るjavascriptライブラリ。

見出し列をクリックするとソートすることができます。
また、見出し列の横罫線をドラッグすると横幅もサイズ変更が可能です。

使用方法

Table Kit からダウンロードし、 必要なjavascriptをページに読み込む。

<script type="text/javascript" src="scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="fastinit.js"></script>
<script type="text/javascript" src="tablekit.js"></script>

table部分の記述は、以下のクラスを設定するだけ。

<table class="sortable resizable editable">

オプション設定も多数あります。偶数行の色をかえたりすることもできますね。
今度、使ってみようと思います。

Table Kit

Table Kit

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/1207
###はmt-tb.cgiに変更してください。

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

  • ステップアップ!CakePHP
  • 作って学ぶjQuery

RECENT COMMENTS

ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
お返事ありがとうございます。説明が足りなかったようで、もう少
minami on 【Fireworks】Fireworks の振る舞い 基本的なとこ
> nishiuraさん コメントありがとうございます。
minami on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
> tyさん コメントありがとうございます。 コンポーネント
ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
参考にさせていただきました。ありがとうございました。 とこ
Chakotay on 【Fireworks】Fireworks の振る舞い 基本的なとこ
現場では上級のデザイナーの人、レベルの高いセンスのあるデザイ