如何将navigationcontroller的后退按钮转换为iPhone中的浏览器后退按钮？(How to convert navigationcontroller's back button into browser's back button in iPhone?)

 我同意在使用autowidth: true情况下计算网格的宽度并不完美autowidth: true 。 然而，您描述的问题不是jqGrid问题。 你在发布的演示中将外部div包含在网格上是很好的。 它显示了问题的复杂性。 
 
 首先，在您发布的演示中，IE10 / IE11中不会显示水平滚动条。 原因是IE默认显示半透明垂直滚动条。 因此，在您描述的情况下，它不会创建额外的水平滚动条。 
 
 您可以通过在演示结束时添加以下行来解决问题： 
 
if (window.innerWidth > document.documentElement.clientWidth) {
    $grid.jqGrid("setGridWidth",
        $grid.jqGrid("getGridParam", "width") -
        (window.innerWidth - document.documentElement.clientWidth));
}
 
 在这里查看结果。 
 
 另一方面，演示在网格上有外部div， margin:5px 。 如果我更改margin:5px到margin:200px那么相同的演示将如下所示 。 可以将网格的宽度增加到几乎200个额外的像素（确切的最大值是200 - 4，我现在无法解释，但是在我改进setGridWidth的代码后可以更改该值）。 请参阅下一个演示 。 原因是：外部div将margin-left和margin-right设置为200px，但如果我们忽略margin-right ，则页面上的滚动条将不存在。 它只是边距，并且空间中的页面上不存在真实元素。 因此，Web浏览器不会在这种情况下创建水平滚动条。 

I agree that the calculation of the width of the grid is not perfect in case of usage of autowidth: true. Nevertheless the problem which you describe is not a jqGrid problem. It's good that you included outer div over the grid in the demo which you posted. It shows the complexity of the problem.
 
First of all it will be displayed no horizontal scroll bar in IE10/IE11 in the demo which you posted. The reason is that IE displays half transparent vertical scrollbar by default. So it's not creates additional horizontal scroll bar in the case which you described.
 
You can fix the problem by adding the following lines at the end of your demo:
 
if (window.innerWidth > document.documentElement.clientWidth) {
    $grid.jqGrid("setGridWidth",
        $grid.jqGrid("getGridParam", "width") -
        (window.innerWidth - document.documentElement.clientWidth));
}
 
See the results here.
 
On the other side the demo have outer div over the grid with margin:5px. If I change the margin:5px to margin:200px then the same demo will looks as the following. One can increase the width of the grid to almost 200 additional pixel (the exact maximum is 200 - 4, which I can't explain now, but the value can be changed after I improve the code of setGridWidth). See the next demo. The reason: the outer div have both margin-left and margin-right set to 200px, but the scroll bar on the page will not exist if we would ignore the margin-right. It's only the margin and there are exist no real elements on the page in the space. Thus the web browsers don't creates horizontal scroll bars in the case.