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

Die*_*ter 25 jquery jqgrid

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

感谢:D

Ole*_*leg 32

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

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

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

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

  • @Dieter:要获得像素中的网格高度,可以使用[jQuery.height](http://api.jquery.com/height/):`$("#list").parents('div.ui-jqgrid -bdiv').高度()`.要获得包含所有标题的完整网格高度,可以使用`$("#gbox_list").height()`.我在[我之前的回答](http://stackoverflow.com/questions/5870057/resize-jqgrid-based-on-number-of-rows-grid-height/5870687#5870687)中写到了这一点,其中甚至包括[相应的演示](http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridHeight.htm).**使用`setGridHeight`方法设置**网格高度. (3认同)

Att*_*ghi 12

试试这个

jQuery("#yourid").jqGrid({  
    ........
    height:'auto'
}); 
Run Code Online (Sandbox Code Playgroud)