Question

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

由于 d

Answer 1

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

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

"max-height"属性为not used by IE6，但更新的网络浏览器会使用它。

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

Answer 2

试试这个

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

Answer 3

尝试这些方法

1.定义网格内的高度

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

2.此功能可用于将高度固定为预定值。

$(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 4

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

我的jqGrid上的这项工作

Answer 5

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

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

在我们的案例中，300 px恰好是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％（高度：＆＃39; 30％＆＃39;）和以下css：

＆＃13;

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

＆＃13;

Answer 9

根据您的需要，可以在视图或页面的脚本部分中使用 min-hight，max-height或height 作为下面的代码：

$(window).load(
    function () {
        $('.ui-jqgrid-bdiv').css("min-height", "150px");
    }
)

我使用 $（window）.load（是因为在所有脚本之后都加载了它。

jqGrid具有自动高度;但是有一个最大高度＆amp;滚动条

9 个答案: