DataGrid not showing data when container div starts as display:none

[2plus2]

Howdy...

We have a series of data grids that start out with their container divs hidden. These divs are not part of the data grid itself, e.g.

Code:

<div id="divDGOne" style="display:none;">
    <table id="dgOne" class="easyui-datagrid">
    ...
    </table>
</div>

The load event works fine, but when we toggle the display for the container div the data grid doesn't show the loaded data and the pagination / navigation shows at the "top" of the data grid as if the rows are collapsed. Once you click on the page next button, the data grid shows correctly. See attached images.

Any idea why the data grid is hiding to start with?

[stworthy]

Please try to call 'resize' method if the datagrid has wrong size.