Gridのヘッダ固定方法のバックアップ(No.5)

目次 †

業務アプリの要件で多い、Gridのヘッダ固定方法について纏めました。

コチラが参考になります。

比較表まで合って便利。

余談：freezing法はIE固有機能のため、最近は使用しないようです。

上記の方法でも良いと思いますが、代替案を２つほど提案しておきます。

ReadOnly?=TrueのTextBox?を使用することで、Gridの幅が可変にならずに住みます。

これにより、必ず、テキストボックスの幅で収まります。

HTML上は、

<input name="b" type="text" value="hoge" readonly="readonly" />

となる。

Enable=Falseではないので注意。

小粋空間 input 要素の disabled 属性と readonly 属性の違い
http://www.koikikukan.com/archives/2009/04/26-003300.php

jQueryでテーブルのヘッダーを固定する « Hello My World
http://plmin.us/blog/2012/09/13/table-heade-fixed-jquery/

やり方が沢山あって、絞るのが難しそうです。

Gridライブラリも沢山あって、絞るのが難しそうです。

jqGridも問題が多いようです。

jqGrid4.3.1の新機能（Group Header, Frozen Cols）を試す、
そしてハマりどころ解説 - Taste of Tech Topics
http://acro-engineer.hatenablog.com/entry/20120108/1326046564

また、次バージョンからライセンスが
MITから「CC BY-NC（表示-非営利）」に変更され、
商用利用ができなくなるという情報があります。

jQuery Grid Plugin – jqGrid » jqGrid is now Guriddo
http://www.trirand.com/blog/?p=1438
jqGrid JavaScript shall change its license from MIT/GPL 2 to Creative Commons Attribution-NonCommercial? 3.0 License.