jqgrid v4.4.5 rtl水平

Question

我使用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>

Answer 1

如documentation shrinkToFit属性中所述，如果设置，则定义应如何重新计算网格列的宽度，同时考虑网格的宽度。如果此值为true，并且还设置了列的宽度，则每个列都按其宽度成比例缩放。

  

设置为true时，网格宽度会自动重新计算为父元素的宽度。这仅在最初创建网格时完成。为了在父元素更改宽度时调整网格大小，您应该应用自定义代码并使用setGridWidth方法来实现此目的。

因此，您只需将属性添加到jqGrid：

shrinkToFit:true,