LoginSignup
0
0

More than 5 years have passed since last update.

jqGridでナビゲーションが左寄せになってしまう

Last updated at Posted at 2015-10-07

あまり使われていないのかもしれないが、どこかでありそうなので誰かのためにメモ。
いいっちゃいいのですが、なんか気になるというかたに。

バージョン

動作確認した組み合わせは以下です。
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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0