あまり使われていないのかもしれないが、どこかでありそうなので誰かのためにメモ。
いいっちゃいいのですが、なんか気になるというかたに。
バージョン
動作確認した組み合わせは以下です。
1.
- jquery:1.7.2
- jquery-ui:1.8.22
- jqGrid:4.4.0
2.
- jquery:2.1.1
- jquery-ui:1.11.4
- jqGrid:5.0.0
現象
jqGridのグリッドのナビゲーション(ページング部分)が左寄せになってしまう。
text-align: center
を指定してるのに左寄せになってしまう。なんでやねん!という現象です。
原因
詳しくは参考サイトをご覧いただきたいのですが、グリッドの幅が415pxを超えると発生する現象っぽいです。
結構ありそうですけどね。
対策
以下を追加してあげると中央寄せになります。
testGrid.js
$('#pager_left').css('width', 'auto');
※#pager
の部分は各自のページャー名を指定してください。
参考
こちらを参考にしました。
参考URL:http://stackoverflow.com/questions/6027307/jqgrid-navigation-bar-not-rendering-correctly