当手动重新调整大小时，jQGrid列会移出网格

Question

在重新调整列标题大小时遇到​​设计问题，如下所示 这是我使用的代码，任何人都可以告诉我，如果错了吗？

jQuery("#jQGridDemo").jqGrid({
    data:dataArray,
    datatype: "local",
    shrinkToFit: true,
    height: 500,
    width: 900,
    rowheight: 160,
    colNames: ['User', 'IP Address', 'Registered Contacts'],
    colModel: [{ name: 'UserLinePort', width: 520, index: 'UserLinePort', stype: 'text', sortable: true },
           { name: 'SourceIP', index: 'SourceIP', width: 130, editable: true, stype: 'text', sortable: true                 },
           { name: 'registeredcontact', index: 'registeredcontact', width: 190, editable: true, sortable: true },
                                ],
    rowNum: 30,
    rowList: [30, 50, 100],
    pager: '#jQGridDemoPager',
    loadComplete: function () {
        stopLoadingIcon();
    }
});

Answer 1

jqGrid 4.5.1是相对较旧的版本。在发布4.7并将jqGrid重命名为Guriddo jqGrid JS后，通过更改许可协议和价格（参见the post）发布4.7.1之后，我开始了jqGrid的替代分支：free jqGrid其中描述了哪些功能每个已发布版本的自述文件以及the wiki。

我重写了许多旧jqGrid代码的地方。例如，我重写了大小调整列的大部分并更改了网格的大小调整。您可以在the demo上看到例如调整大小现在如何工作。

使用一些其他选项无法更改jqGrid 4.5.1中的现有行为。您可以测试free jqGrid（当前版本为4.10.0）和Guriddo jqGrid JS（当前版本为5.0.1）的当前行为并选择，哪一个更符合您的要求。您可以在the demo site上看到Guriddo jqGrid JS的工作原理。