• かちびと.net

    テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGearのご紹介です。テーブル周りをいろいろと見やすく使いやすくしてくれますよ。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear

スポンサーリンク

なかなか多機能なライブラリだったので
備忘録。テーブルにソート、コンテンツの
編集や、Ajaxによる行の削除が可能な
jQueryプラグイン・TableGearです。この
手のプラグインはいくつかありますが、
中でもかなり高機能な気がします。

jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。

TableGear


セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。

編集してもソート機能は維持


ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。

行の削除も


行ごと削除する事も出来ます。

デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作するとのこと。IE6やIE7でも動作しますよ。以下でDLとデモの確認が可能です。

TableGear / DEMO

URL :
TRB :

Comments & Trackbacks (3)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services