jQuery Grid Plugin - jqGrid

By default .ui-jqgrid tr.jqgrow td {white-space: pre;} is applied to data in the grid resulting in data that overflows the width of the cell being hidden. I believe that this is the wrong approach and that the data should not be hidden from the user. I am applying the style .ui-jqgrid tr.jqgrow td {white-space: normal;} to my page which results in my desired behaviour of data that overflows the width of the cell wrapping.

I am using this in conjunction with autowidth: true and am having the following problem.

On the initial page load the width of the grid is calculated correctly and there is no page scroll as my data is not of sufficient length to require it. Switching the column sorting order triggers page scroll as my data is of sufficient length to do so. The grid width is not recalculated to account for the page scroll whilst the rest of my page is, resulting in the grid breaking out of its container. I believe the grid and column widths should be recalculated on refresh.

An additional example of this happening is when resizing the browser window, when doing so the grid width is not recalculated and exceeds the width of the window even if the data contained within it is short enough to do so.

I can supply a bare bones demo if required.