jqGrid具有自动高度; 但有一个最大高度和滚动条

有没有办法让jqGrid自动调整其高度到行数; 但是当达到某个高度时，它的高度不再增加，并且垂直滚动条会消失吗？

感谢：D

Answer 1

我建议你在jqGrid的bdiv上设置"max-height"属性并使用height:'100%'或height:'auto' ：

 $("#list").parents('div.ui-jqgrid-bdiv').css("max-height","300px"); 

IE6不会使用 "max-height"属性，但更新的Web浏览器将使用它。

更新：免费jqGrid在版本4.10.0中引入了新属性： maxHeight ，与上面完全相同。 因此，可以使用maxHeight: 300而不是手动设置父div.ui-jqgrid-bdiv的max-height 。

Answer 2

试试这个

 jQuery("#yourid").jqGrid({ ........ height:'auto' }); 

Answer 3

 .ui-jqgrid-view { max-height: 642px; } .ui-jqgrid-bdiv { overflow-y: scroll !important; max-height: 600px !important; } 

这个工作在我的jqGrid上

Answer 4

试试这些方法

1.定义网格内的高度

  $("#griname").jqGrid( { rowNum : 1000, viewrecords : true, gridview : true, autoencode : true, loadonce : true, width: "100%", height: 300, }); 

2.此function可用于将高度固定为预定义值。

 $(window).resize(function() { if (typeof($gridname) !== 'undefined' && $("#gridname").length > 0) { $discrepanciesResultGrid.setGridHeight( $(window).height() - $("#gridname").position().top - 210 ); $gridname.setGridWidth($("body").width() - $("#anothercomponenetname").width() - 50); } 

Answer 5

我们的UI人员用css解决了问题（将列表扩展到300px，如果有超过10个附件，显示垂直滚动条）

 #gview_list_Attachments .ui-jqgrid-bdiv{ max-height: 300px; overflow-y: visible; } 

在我们的例子中，300px恰好是10个项目的高度。 当然使用jquery你可以确定1项的高度并乘以10.但这个解决方案快速，简单并解决了我们的问题。

Answer 6

添加这个：

 var height = $(window).height(); $('.ui-jqgrid-bdiv').height(height); 

在你想要的页面加载jqgrid后，这对我有用。

Answer 7

试试这个

  $("#list1").parents(".ui-jqgrid-bdiv").css('height', jQuery("#list1").css('height')); 

此代码将根据网格中的行数调整网格高度

Answer 8

我使用jqgrid的height属性修复它为30％（高度：’30％’）和以下css：

 .ui-jqgrid-bdiv { min-height:150px; }