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

2021/01/18 10:41 · jquery ·  · 0评论

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

感谢:D

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

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

IE6不会使用"max-height"属性,但是最近的Web浏览器将使用属性

更新:免费的jqGrid在4.10.0版中引入了新属性:maxHeight与上述功能完全相同。这样就可以maxHeight: 300代替max-height父母的手动设置而使用div.ui-jqgrid-bdiv

尝试这个

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

试试这些方法

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);
    }
.ui-jqgrid-view {
    max-height: 642px;
}
.ui-jqgrid-bdiv {
    overflow-y: scroll !important;
    max-height: 600px !important;
}

我的jqGrid上的这项工作

我们的UI人员使用CSS解决了这个问题(将列表扩展到300px,如果附件超过10个,则显示垂直滚动条)

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

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

添加:

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

在所需的页面上加载jqgrid后,这对我有用。

尝试这个

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

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

我通过使用jqgrid的height属性设置为30%(height:'30%')和以下CSS来解决此问题:

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

根据您的需求,您可以使用min-heightmax-heightheight在您的视图或页面的脚本:

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

我使用$(window).load()它是因为它在所有脚本加载后运行。

本文地址:http://jquery.askforanswer.com/juyouzidonggaodudejqgriddanjuyouzuidagaoduhegundongtiao.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!