Question

jqGrid在网页中创建。如果页面宽度减小，则最右边的列不再可访问。如何将水平滚动条添加到jqGrid，以便在页面宽度较小时，jqGrid可以滚动水平允许访问所有列？

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

            height: 350,
            autowidth: true,

Answer 1

我已经找到了这个解决方案，但它不完善，因为在FF4窗口停止报告宽度调整大小如下535px ...无法找出原因。

我的想法是将网格包裹在DIV中并将其设置为overflow：auto;宽度：100％

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

Answer 2

您可以尝试类似的方法，但在这种情况下，您将使用网格的滚动条而不是div溢出。

我们的想法是调整网格本身的大小，使其显示滚动条，如果它的内容小于其内容。为了使其正常工作，列必须具有选项fixed:true，否则它们将调整自己的大小以适应网格的宽度。

按如下方式声明DOM：

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

然后将javascrip代码添加到页面：

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

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

这里我也在操纵网格的高度，如果你不想要它只是删除setGridHeight行。

jqGrid：如何添加水平工具栏

2 个答案: