TOP  >  WebDesign  >  JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」
2009年05月04日

JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」

レイアウトではあまり使わなくなってきましたが、データの一覧などを見せる時の表作りには非常に力を発揮してくれるテーブルですが、今日紹介するのはそんなテーブルにJQueryを使って機能拡張したテーブルを集めたエントリー「10 Best jQuery Plugins for working with Tables」を紹介したいと思います。

jquerytable01
TableSorter

ソート可能なテーブルやツリー式のテーブルまで様々なテーブルを使ったサンプルが紹介されています。今日はその中からいくつか気になった物を紹介したいと思います。

詳しくは以下

tableRowCheckboxToggle
チェックボックスで選択できるテーブル。テーブルの先頭だけでなく、セル内にもチェックボックスを置けるようです。

jquerytable02
 
 
 
 
 
TablePagination
任意の数のテーブルを表示。さら溢れた数のテーブルはページを付けて表示を切り換える事ができます。

jquerytable03
 
 
 
 
 
JQTreeTable
フォルダツリーのようなインターフェイスをテーブルで実現したものです。

jquerytable04
 
 
 
 
 
FireScopeGrid
ソートにページ割当、フィルタ機能など様々な機能が付加されたテーブル。

jquerytable05
 

上記の他にも様々なテーブルが紹介されています。WEB上で表を作らなくては行けない、分かりやすくデータを示したいと言う時にはチカラになってくれそうです。ソースコードやサンプルのダウンロードができますので、そこまで苦労せずに実装する事ができるかと思います。

10 Best jQuery Plugins for working with Tables | AjaxLine

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 09:53  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る