HTMLのテーブルに柔軟なフィルタリング機能を追加「Ex Table Filter」
Ex Table FilterはjQuery/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。
業務システムでテーブルを使った一覧表は度々用いられますが、そのデータが大量の場合はデータを絞り込むフィルタリング機能が求められます。様々な条件で使われるフィルタリングを柔軟に開発できるライブラリがEx Table Filterです。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.29.14.1377604831.png)
デモ1。シンプルなフィルターです。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.29.21.1377604835.png)
Categoryにある名称をインクリメンタルにフィルタリングします。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.29.33.1377604838.png)
検索条件はテキストだけでなくチェックボックス、ラジオボタン、ドロップダウンも使えます。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.30.49.1377604841.png)
条件を細かく指定する（値の範囲など）ロジックを組むこともできます。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.30.59.1377604844.png)
さらに集計を組み合わせることでフィルタ結果の数値を表示できます。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.31.26.1377604848.png)
前方一致フィルタ。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-27 9.31.48.1377604852.png)
クエリーストリングを使ってフィルタリング。リンクするのが便利そうです。
Ex Table Filterでは対象になるテーブルを指定し、後は検索条件を設定するだけで利用できます。シンプルな仕組みなので細かくカスタマイズしていけば様々なニーズに対応した検索機能ができあがるのではないでしょうか。
MOONGIFTはこう見る
業務システムにおいてテーブルタグによる一覧表は欠かせません。そして単純に表示するだけでなく付属の機能が常に求められます。例えば並び替えであったり、フィルタリング、一括更新、集計などです。
これらは常に求められる機能なので予めそういった機能に対応したライブラリを探しておくと便利です。Excel並というのは無理ですが、逆にExcelにて出来ない機能も提供できるはずです。ライブラリは多数あるので要件にあったものを見つけましょう。