How to set JQgrid height and width based on resolutions and browsers?

_{Friday, November 29, 2013 1:32 AM}

Jqgrid grid height it exceeds in mozilla but not in i.e how to fix it?

_{Sunday, December 1, 2013 8:46 PM ✅Answered}

Hi cmj_yesh,

Thanks for your post!

According to your description, I think the issue is about the browser Compatibility.

I suggest that you should adjust the grid’s height using the JS code. (Using the developer tool to check the css code, F12 in IE)

There is a link that can help you:

# jQuery.browser

http://api.jquery.com/jQuery.browser/

# Category: CSS

http://api.jquery.com/category/css/

Thanks

Best Regards

_{Sunday, December 1, 2013 9:48 PM ✅Answered}

Hi,

You can use setGridHeight method of JQGrid to set the height of JQGrid.

First you need to call the JQuery Js file before calling this method

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

Then you can use the below code

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

Change the Grid id as per your design.

Refer the below link for more details

Additional resources