2

jqGrid の列幅に問題があります。

グリッドに設定したいくつかのオプション:
autowidth: true、
shrinkToFit: true、
width: 100%、

ui.jqGrid.css で行った変更は次のとおりです。

.ui-jqgrid .ui-jqgrid-htable {
   table-layout:auto;
   margin:0em;
} //for header - auto table layout.

同様に、本文とフッターについても行いました。

お役に立てれば。他の情報が必要な場合はお知らせください。

注: 最新の jqGrid を使用しています。同様の質問jqGrid header width different from data column widthを参照しましたが、私の場合は役に立ちませんでした。

4

1 に答える 1

0

問題の原因がわかりました。

以前にテーブル (カスタム テーブル用) に CSS を追加しましたが、それが問題の原因となっている jQgrid CSS をオーバーライドしました。

    table td {
         padding: 5px;
         border: solid 1px #e8eef4;
    }

    table th {
        padding: 6px 5px;
        text-align: left;
    }

したがって、jqGrid をオーバーライドしないように、特定のクラスを上記のクラスに追加しました。気がつかず、先に調べてしまい申し訳ありません。また、jqgrid-css の table-layout プロパティを変更する必要もありませんでした。私の動機は、shrinktofit と autowidth です。

于 2012-11-06T06:20:56.997 に答える