業務システムなどでよく使われるテーブルタグ。素のままでは小さなテーブルはよくとも、多数のデータを表示した際の使い勝手がよくありません。かといって多機能にするのは大変です。 そこで使ってみたいのがjquery-fulltableです。任意のテーブルをjQueryで多機能にします。

jquery-fulltableの使い方

適用後のテーブルです。並べ替え、フィルタリングができます。

インクリメンタルな絞り込みです。

ドロップダウンでの絞り込みも可能です。

データの追加、編集もできます。

jquery-fulltableを使えば任意のテーブルを多機能にできます。サーバサイドの変更もいらず、すぐに実装できるでしょう。他にも色々要望は出るかも知れませんが、まずはjquery-fulltableで対応してしまうことで多くのニーズは満たせそうです。

jquery-fulltableはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

joseluisballesterosdelval/jquery-fulltable: Plugin that enables any table to be filtered, ordered, edited, and more, all in one.