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 时，网格宽度会自动重新计算为父元素的宽度。这仅在最初创建网格时完成。为了在父元素改变宽度时调整网格大小，您应该应用自定义代码并为此使用 setGridWidth 方法。

所以您可以将属性添加到 jqGrid 为：

shrinkToFit:true,