jQueryプラグインの表(Table)作成用jqGridに関するタグ
![](https://lightgauge.net/wp-content/uploads/2017/04/63515349bf228251f9b6397b8a88da1e_s-320x180.jpg)
jqGridで行選択時の処理を行う方法
jqGridで選択された行のデータを取得するなどの処理を行うにはonSelectRow」を利用します。
![](https://lightgauge.net/wp-content/uploads/2017/04/63515349bf228251f9b6397b8a88da1e_s-320x180.jpg)
jqGridで文字色を変更するにはcellattrで変更する
jqGridで文字色を変更するにはcellattrで変更すれば簡単に変更することができるようになります。
![](https://lightgauge.net/wp-content/uploads/2017/04/63515349bf228251f9b6397b8a88da1e_s-320x180.jpg)
jqGridで複数行の行ヘッダーを作成する
jqGridで複数行の行ヘッダーを作成するにはsetGroupHeadersを利用すれば簡単に行ヘッダーを追加することができます。その実装方法を解説します。
![](https://lightgauge.net/wp-content/uploads/2017/04/63515349bf228251f9b6397b8a88da1e_s-320x180.jpg)
jqGridの表でフィルタリング(絞り込み)を行う
jqGridでは表のヘッダー部分に入力エリアを設けて絞り込みを行うことが簡単にできます。プログラミングとしては作成したjqGridの表に「filterToolbar」メソッドでフィルターを追加するだけです。その実装方法を解説します。
![](https://lightgauge.net/wp-content/uploads/2017/04/63515349bf228251f9b6397b8a88da1e_s-320x180.jpg)
jqGridで表を表示する方法
jQueryのプラグイン「jqGrid」を使えばHTMLのtableタグではできない、データソートや絞り込み機能を簡単に実現することができます。
![](https://lightgauge.net/wp-content/uploads/2017/04/63515349bf228251f9b6397b8a88da1e_s-320x180.jpg)
商用利用FreeのjqGridをCDNで読み込む方法
HTMLの表(tableタグ)だけではできないことを簡単にできるようにしてくれるjQueryプラグインの「jqGrid」。商用FreeなjqGridはCDNで読みこんでさくっと使いこなしましょう。