テーブル(グリッド)は多くのシステムの中で使われます。そのため、利用者からは多くの要望が寄せられるポイントでもあります。場合によってはExcelのような表計算並の機能を求められることもあるでしょう。 そんな機能を一つ一つ作り込んでいたら幾ら時間があっても足りません。そこで使ってみたいのがjQuery Bootgridです。

jQuery Bootgridの使い方

jQueryを実行するだけで普通のテーブルがここまで変化します。

検索を使ってリアルタイムにフィルタリングしたり、ページネーション(件数は変更可能)があります。

カラムは表示、非表示が切り替えられます。

アイコンを表示して別な機能と連携させたり、リンク表示も行えます。

jQuery BootgridはHTMLで書かれたテーブルを変換するのはもちろん、JSONを使って外部からデータを取り込んだ上で表示させることもできます。そういった時にデザインを含めて自由に変更しつつ、表示できるのは便利です。

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

A jQuery grid plugin - jQuery Bootgrid rstaib/jquery-bootgrid: Nice, sleek and intuitive. A grid control especially designed for bootstrap.