【问题标题】:How to Adjust jqGrid height based on screen resolutions?如何根据屏幕分辨率调整 jqGrid 高度?
【发布时间】:2012-04-17 00:15:21
【问题描述】:

jqgrid 表格有一个滚动条

我想根据屏幕分辨率设置jqgrid表格的高度

目前我已经设置了像素高度。

我们要求页面不应该显示垂直滚动条

我们要设置jqgrid表格高度,使得页面不显示垂直滚动条

目前我们的屏幕分辨率为1280 * 1024,页面不显示任何垂直滚动条。

但如果用户将屏幕分辨率更改为 1280 * 768 则 html 页面显示垂直滚动条

我们想改变 jqgrid 表格的高度,以便 jqgrid 表格显示更少的行和 jqgrid 表格垂直滚动条。

我已经尝试过该选项

height : 100% 和 'auto' 但在这两种情况下页面都显示垂直滚动条。

【问题讨论】:

    标签: javascript jquery json jquery-plugins jqgrid


    【解决方案1】:

    你应该在窗口调整大小时调整 jqgrid 的大小

    $(window).resize(function(){
        $('#your_grid_id').jqGrid('setGridHeight',$(window).innerHeight());
    });
    

    【讨论】:

    • 我尝试了同样的方法,但它带有垂直滚动条。当网格高度随着屏幕分辨率的变化而增加或减少时,网格高度应该适合该大小(或高度)而不显示任何垂直滚动条。
    • 你说的是窗口还是网格的滚动条?
    • @skafandri : 关于窗口的垂直滚动条。
    • 你可以通过尝试解决这个问题: $('#your_grid_id').jqGrid('setGridHeight',$(window).innerHeight()-x); x 必须在 50 到 100 之间 或者如果您的网格显示完整,只需添加 CSS 属性:overflow-y:hidden 到您的正文 CSS: body{overflow-y:hidden}
    • 还有一个问题,当我调整窗口大小时,网格高度也需要调整大小。上面的代码不能基于此工作。它只在第一次设置网格高度时,当我调整窗口浏览器大小时,高度保持不变。
    猜你喜欢
    • 2010-11-19
    • 1970-01-01
    • 2021-07-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-17
    • 2014-09-21
    相关资源
    最近更新 更多