Jquery jqGrid使用页面的其余部分_Jquery_Css_Jqgrid

Jquery jqGrid使用页面的其余部分

jquery css jqgrid

Jquery jqGrid使用页面的其余部分,jquery,css,jqgrid,Jquery,Css,Jqgrid,我正在使用jqGrid，并将其设置为： <body> <div> Header </div> <div> <table id="list4"></table> </div> </body> $(window).resize(function() { $("#list4").setGridHeight(<some calculation>

我正在使用jqGrid，并将其设置为：

<body>
   <div>
      Header
   </div>
   <div>
      <table id="list4"></table>
   </div>
</body>

$(window).resize(function() {
  $("#list4").setGridHeight(<some calculation>);
});


标题

我在这里使用演示代码填充它：，加载数据->数组数据

我希望网格占据页面底部的其余部分，并且随着页面大小的调整而增长/收缩。另外，当网格离开屏幕边缘时，我想要滚动条

我该怎么做呢？

您需要将

resize

事件附加到窗口，如下所示：

<body>
   <div>
      Header
   </div>
   <div>
      <table id="list4"></table>
   </div>
</body>

$(window).resize(function() {
  $("#list4").setGridHeight(<some calculation>);
});

$（窗口）。调整大小（函数（）{
$（“#列表4”）.setGridHeight（）；
});

请参见此处的

setGridHeight

文档：

但是要小心使用

调整大小

事件，因为它们由不同的浏览器触发。请看这里：

你可以看看这个答案