jquery - jqGrid 使用页面的其余部分

Question

我正在使用 jqGrid，并设置如下：

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

我使用这里的演示代码填充它：http ://www.trirand.com/blog/jqgrid/jqgrid.html ，加载数据-> 数组数据。

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

我该怎么做呢？

score 0 · Accepted Answer

您需要resize像这样将事件附加到窗口：

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

请参阅此处的文档setGridHeight：

不过要小心使用resize事件，因为它们由不同的浏览器以不同的方式触发。看这里：

1 回答 1