jqGrid结果溢出网格

我在jqGrid工作。问题是网格的结果溢出了网格

但是我想用水平和垂直滚动条设置一个固定的宽度和高度。我在stackoverflow上已经两次发现了这个问题：

1.

通过加载“jqueryui.js”解决了上述问题。这对我的情况没有帮助

2.

我按照上述问题的答案设置了以下选项：

myGrid= $("#myGrid").jqGrid({
   ...,
    colNames: ['MATNR', 'ARKTX', 'KDMAT', 'KBMENG', 'VRKME', 'BRGEW', 'GEWEI'],
    colModel: [
        { name: 'MATNR', key: true },
        { name: 'ARKTX' },
        { name: 'KDMAT' },
        { name: 'KBMENG' },
        { name: 'VRKME' },
        { name: 'BRGEW' },
        { name: 'GEWEI' }
    ],
    width: 600,
    height: 200,
    shrinkToFit: false,
    forceFit: false,
    pager: "#myPager",
});

3.我还找到了一个答案，建议设置每一列的宽度，而不是网格的宽度，以查看水平和垂直滚动条：

    myGrid= $("#myGrid").jqGrid({
    ...,
    colModel: [
        { name: 'MATNR', key: true },
        { name: 'ARKTX', width: 100  },
        { name: 'KDMAT', width: 100  },
        { name: 'KBMENG', width: 100  },
        { name: 'VRKME', width: 100  },
        { name: 'BRGEW', width: 100  },
        { name: 'GEWEI', width: 100  }
    ],
    //width: xxx,
    ...
 });

此外，还加载了以下脚本/样式：

// Scripts
jquery-1.10.2.js
grid.locale-en.js
jquery.jqGrid.min.js (Version 4.6.0)
jquery-ui.min.js (Version 1.11.2)
// Styles
jquery-ui.min.css
jquery-ui.theme.min.css

HTML:

我用IE11、IE10和Firefox（V33.1）进行了尝试

不幸的是，这一切都无济于事。我想要的滚动条没有出现

更新：我刚刚提供了一个JSFIDLE示例-但这是可行的：

更新2:我注意到删除JSFIDLE（外部资源）中的css ui.jqgrid.css可以重现我的问题！但是我认为jqgrid没有特殊样式的文件？我是否遗漏了什么，或者为什么它不能与默认的jquery.ui.css一起工作

---

我必须添加文件

ui.jqgrid.css

，该文件包含在默认的jqgrid下载文件夹中。仅添加

jqueryui.css

是不够的，不能将

key:true

属性作为一个列来使用。您能提供演示问题的演示（例如在JSFIDLE中）吗？我删除了属性

key:true

，但它没有帮助。您的演示显示您忘记了包含jqGrid所需的

jquery ui.css

（请参阅）。修复的演示没有问题：。如果问题解决了，你应该自己写答案。你必须仔细阅读当前问题的文本，才能理解问题已经解决了。它花费其他人的时间。我如何将自己的帖子标记为解决方案？没有勾选标记-只是一个最喜欢的图标：（你应该写下你自己问题的答案。如果stackoverflow的政策上次没有改变，那么你可以将答案标记为一天后。

<div id="gridContainer">
     <table id="myGrid"></table>
     <div id="myPager">
</div>