jqGrid在网页中创建。如果页面宽度减小,则最右边的列不再可访问。 如何将水平滚动条添加到jqGrid,以便在页面宽度较小时,jqGrid可以滚动 水平允许访问所有列?
grid.jqGrid({
url: '<%= ResolveUrl("~/Grid/GetData?_entity=Strings")%>',
datatype: "json",
mtype: 'POST',
scroll: 1,
autoencode: true,
height: 350,
autowidth: true,
答案 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行。