Start Building Professional
Web Apps Today

Change Grid Height on window resize

I have the window resize function and I want to make sure the grid is resized to within the window.

I have <div id="mygrid" style="overflow:auto"></div> and how can I change the Height of that grid upon window resize? I tried document.getElementById('mygrid').style.height = clientHeight but doesn't seem working on firefox, I just wonder if you actually got one that would easily done such as mygridObj.setHeight()? I looked up on the documentation but there are only the setInitHeight for initial height.

Grid can  be adjusted to the size of surrounding container by using grid.setSizes() after document resize, the grid's container can be made auto-sizable by correct css style.
Please check attached sample.