2

ここに画像の説明を入力jqgrid v4.4.5 と jquery v1.9.1 を使用しています。jqgrid のサイズを変更すると、水平スクロールバーが表示され、IE と Firefox で動作します。しかしChromeでは機能せず、列が切り捨てられ、幅の計算が間違っています。

どうすればこれを解決できますか?

<script>

    $(function () {
        $("#UsersGrid").jqGrid({
            direction:"rtl",
            url: 'jqGridHandler.ashx',
            datatype: 'json',
            height: 250,
            colNames: ['UserID', 'UserName', 'FirstName', 'MiddleName', 'LastName', 'EmailID'],
            colModel: [
                    { name: 'UserID', index: 'UserID', width: 100, sortable: true },
                    { name: 'UserName', width: 100, sortable: true },
                    { name: 'FirstName', width: 100, sortable: true },
                    { name: 'MiddleName', width: 100, sortable: true },
                    { name: 'LastName', width: 100, sortable: true },
                    { name: 'EmailID', width: 150, sortable: true }
            ],
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: '#UsersGridPager',
            sortname: 'UserID',
            viewrecords: true,
            sortorder: 'asc',
            caption: 'JSON Example'
        });

        $("#UsersGrid").jqGrid('navGrid', '#UsersGridPager', { edit: false, add: false, del: false });
    });
</script>

ここに画像の説明を入力

4

1 に答える 1

0

ドキュメントで指定されているように、shrinkToFitプロパティが設定されている場合、グリッドの幅を考慮して、グリッドの列の幅を再計算する方法を定義します。この値が true で、列の幅も設定されている場合、すべての列はその幅に比例してスケーリングされます。

true に設定すると、グリッド幅は親要素の幅に自動的に再計算されます。これは、グリッドが作成されたときの最初にのみ行われます。親要素の幅が変更されたときにグリッドのサイズを変更するには、カスタム コードを適用し、この目的のために setGridWidth メソッドを使用する必要があります。

したがって、次のようにプロパティを jqGrid に追加するだけです。

shrinkToFit:true,
于 2013-04-16T11:34:57.103 に答える