Hello Kevin,

We hve two methods setGridWidth and setGridHeight (if I rememeber right) which can do the same.

Best Regards

Tony

Hello Kevin,

$(window).resize(function() {

// get here the width of parent container

var parentwidth = some_value

setTimeout(function(){$(“#mygrid”).setGridWidth(parentwidth)},300);

});

In order to resize the grid when you resize other element in the html page you should be able to have e event when you stop to resize the element and do the same approch as above.

Hope this helps a lot 🙂

Regards

Tony

Hi Tony,

I've been trying to get jqGrid to resize dynamically with the width of it's container using various methodologies including one detailed above. Unfortunately, none of them work with IE (v6, v7 and v8) properly.

Could I suggest for the next version to add support to set the width option to '100%' and the grid would resize to fit to the width of its container element (i.e. div)?

Thank you so much for all your support and work.

Hi Tony,

What I meant by not working on IE is because of the strange behaviour of the resize event from IE. It gets triggered several times when the browser window is being resized by the user, so the width of the grid does not get set to a desired value, and it is difficult and error prone to control it.

I did a html profiling from FireBug, and found out that there are a number of div elements in the grid whose width styles are being set at runtime. If i take out the width style, the grid would resize itself to the width of its container. However, this would also break the alignment of the column headers with the data columns in the rows.

What I am proposing is to have the grid support the setting of the width to '100%'

ok, i've found several threads and tried a few different things but could use a real example to get this working. Assuming 3.6+. I want to bind the resize to the browser window resize event, and have the grid width adjust to fit its container. Shouldn't this work?