如何根据屏幕分辨率调整 jqGrid 高度？

Posted 2023-05-09

【中文标题】如何根据屏幕分辨率调整 jqGrid 高度？

【英文标题】：How to Adjust jqGrid height based on screen resolutions?

【发布时间】：2012-04-17 00:15:21

【问题描述】：

jqgrid 表格有一个滚动条

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

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

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

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

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

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

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

我已经尝试过该选项

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

【参考方案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: bodyoverflow-y:hidden

还有一个问题，当我调整窗口大小时，网格高度也需要调整大小。上面的代码不能基于此工作。它只在第一次设置网格高度时，当我调整窗口浏览器大小时,高度保持不变。