1 HTML 代码
<table id='datagrid'></table>
2 固定宽高
2.1 初始化设置固定宽高
//jqGrid初始化
jQuery("#datagrid").jqGrid({
datatype: "local",
height: $(window).height() - 115,//设置高度
width: $(window).width() - 7,//设置宽度
rownumbers: true, //行号
pager: "#pager",
recordtext: "第{0} - {1}条 共 {2} 条",
pgtext: '当 前 页 {0} 总 共 {1}页',
rowNum: 50,
rowList: [50, 100,150],
autowidth: false,
viewrecords: true,
colModel: colModel,
multiselect: true,//多选
shrinkToFit: false, //宽度是否自适应
});
2.2 setGrid()设置固定宽高
$("#datagrid").setGridWidth($(window).width() - 7);
$("#datagrid").setGridHeight($(window).height() - 115);
3 自适应宽高
//窗口调整尺寸时更改jqGrid宽高
$(window).resize(function(){
$("#datagrid").setGridWidth($(window).width() - 7);
$("#datagrid").setGridHeight($(window).height() - 115);
});