jqGrid：如何添加水平工具栏

jqGrid是在web页面中创建的。如果页面宽度减小，则无法访问最右边的列。 如何将水平滚动条添加到jqGrid中，以便在页面宽度较小时可以滚动jqGrid 水平方向是否允许访问所有列

          grid.jqGrid({
            url: '<%= ResolveUrl("~/Grid/GetData?_entity=Strings")%>',
            datatype: "json",
            mtype: 'POST',
            scroll: 1,
            autoencode: true,

            height: 350,
            autowidth: true,

grid.jqGrid({
url:“”，
数据类型：“json”，
mtype:“POST”，
卷轴：1，
自动编码：正确，
身高：350，
自动宽度：正确，

我找到了这个解决方案，但它的性能不如FF4。窗口停止报告宽度调整波纹管，低于535px…无法找出原因

我的想法是将网格包装在一个DIV中，并将其设置为overflow:auto；width:100%

<div id="grid1container" style="width: 100%; overflow: auto;">
    <table id="grid1"></table>
    <div id="grid1pager"></div>
</div>

---

您可以尝试类似的方法，但在本例中，您将使用网格的滚动条而不是div溢出

这样做的目的是调整网格本身的大小，使其在其边界小于其内容时显示滚动条。为了正确工作，列必须具有选项

fixed:true

，否则它们将调整自身大小以适应网格的宽度

按如下方式声明DOM：

<div id="grid1container" style="width: 100%;">
    <table id="grid1"></table>
    <div id="grid1pager"></div>
</div>

---

在这里，我也在操纵网格的高度，如果您不想的话，只需删除setGridHeight行。

jqGrid列宽和总宽度是固定的。这会导致垂直工具栏从右侧可见区域移出。如果jqGrid宽度大于可见区域，如何使用垂直滚动条启用滚动？在hori上使用此选项横向滚动工具栏按钮或文本变为不可见，它也会被滚动出去。我尝试了

，但导航滚动条仍然被滚动出去。如何使工具栏按钮始终可见？@AlexCode：极好的解决方案。如果在区域设置文件中为导航工具栏按钮定义了文本，或使用

grid.navGrid（“#pager”，{edittext:“更改”，addtext:“追加”，deltext:“删除”，searchtext:“搜索”，refreshtText:“刷新整个网格”}，..

ResizeGrid1绘制重叠按钮。按钮宽度太小。如何在导航工具栏中强制使用正确的按钮？我遇到了这个问题，并发现问题是由网格的初始宽度引起的，即您放在网格初始声明上的网格。不知怎的，网格完全拧紧了导航栏按钮的宽度，并且也会在导航控件左侧浮动。这是发生在您身上的情况吗？尝试将网格的初始宽度设置为500或更高。这没有任何意义，我知道，试试看！）下面是我自己解决这个问题的思路：@AlexCode:我测试了各种初始宽度值。

width:500

不会删除重叠。

width:10000

会减少更多重叠，但重叠仍然存在。更大的宽度：值*不会减少更多重叠。工具栏右侧有大量空白。如何删除重叠你能用一些虚拟数据发布你的代码吗？或者把它部署到我可以访问的url上？

$(window).resize(function () { ResizeGrid1() });
function ResizeGrid1() {
    $('#grid1container').height($(window).height() - 55);

    $('#grid1').jqGrid()
        .setGridWidth($('#grid1container').width() - 2)
        .setGridHeight($('#grid1container').height());
}