jqGrid:如何添加水平工具栏

时间:2011-05-24 18:37:43

标签: jqgrid

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

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

            height: 350,
            autowidth: true,

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

您可以尝试类似的方法,但在这种情况下,您将使用网格的滚动条而不是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行。