How to Adjust jqGrid height based on screen resolutions?

Question

The jqgrid table have a scrollbar

I want to set a height of jqgrid table based on screen resolution

Currently I have set the height in pixel.

We have an requirement that page should not display vertical scrollbar

We have to set the jqgrid table height such that the page does not display vertical scrollbar

Currently we have a screen resolution of 1280 * 1024 and the page does not display any vertical scrollbar.

But if user change the screen resolution to 1280 * 768 then the html page display vertical scrollbar

we want to change the jqgrid table height so that the jqgrid table display less rows with jqgrid table vertical scrollbar.

I have tried the option

height : 100% and 'auto' but in both case page is displaying vertical scrollbar.

Answer 1

You should resize your jqgrid when the window resizes

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