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

Ads
cssやプログラミング

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

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

TableGear


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

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


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

行の削除も


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

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

TableGear / DEMO

タイトルとURLをコピーしました