Dynamic Table

JavaScript

スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

Dynamic Tableはスプレッドシートのような高機能なテーブルを実装できるjQueryプラグインです。一般的なスプレッドシートのアプリケーションみたいに、ソートやフィルタリング、編集といったことが可能です。データはAJAXから読み込むことができます。

Dynamic Table

デモ

デモではスプレッドシートのようなテーブルにさまざまなデータが表示されています。各列の上部にはFruit、color、Country、Note、Supplier、Entry Dateといった項目があり、ここから任意の項目を基準にした昇順・降順での並び替えが可能です。

自分が確認しやすいように並び替えできるので、データがたくさんあるほど効率的にデータを閲覧できますね。

ちなみにソートする時は列の上部にある項目にマウスオーバーすると上下の矢印アイコンが表示されるので、ここから昇順や降順に並び替えできます。

また、その横にはフィルターのアイコンも表示されていて、ここをクリックするとテキストボックスが表示されます。ここに、任意のテキストを入力するとそれに合うデータを抽出することが可能です。

データの読み込みはAJAXから行うことができるので、たくさんの情報を効率的にテーブルに表示させたい場合にはとても役立つjQueryプラグインといえるのではないでしょうか?

オプションも豊富に用意されているので、カスタマイズ性にも期待できますね。

というわけで、ソートやフィルタリングなどができる高機能なテーブルを実装したい人は、ぜひ「Dynamic Table」を活用されてみてはいかがですか?

Dynamic Table

関連記事

  1. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  2. Albumize

    JavaScript

    アルバムみたいな画像コレクションのギャラリーを管理・実装できるjQueryプラグイン「Albumiz…

    Webページにある画像コレクションをアルバムのようなギャラリーに管理・…

  3. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  4. Swipebox

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  5. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  6. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP