jqGrid (Guriddo 5.3.1) へのバージョンアップによるCSSの対応

jqGrid5.3.1 にバージョンを上げたところ、4.7とデフォルトのスタイルが異なり、タイトル行の折り返しが効かないので、サポートに聞いたところ、以下のようにCSSをオーバーライトしたら、元のスタイルに出来ました。


      /* Guriddo 5.3.1 (for same style as 4.7's default) */
      .ui-jqgrid tr.jqgrow td, .ui-userdata, .ui-jqgrid-pager, .ui-jqgrid-titlebar {
        height: auto;
        font-size:11px;
        padding: 2px;
      }

      /* Guriddo 5.3.1 (for same style as 4.7's default) */
      .ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable, .ui-jqgrid-title  {
        height:auto;
        overflow:hidden;
        white-space:normal !important;
        font-size:11px;

      }

ポイントは、thにwhite-space:normal !important;を効かすこと。フォントサイズ、パッディングの指定になります。

コメントを残す