Strange Problem with DataGrid in hidden form

[devnull]

http://jsfiddle.net/7ghDF/

This should display 2 "Click Me" buttons, one beneath the other, when you click either button the Form should be displayed showing the datagrid.

However only the first button is displayed, if you click the first button, then the bottom button appears, as does the form, however the datagrid is hidden.

All of my pages use a hidden form, and depending upon a menu click, the required form is displayed, it works with everything else except the datagrid.

Thanks

[devnull]

Hi

Can you look into this please as it is currently breaking my pages

Thanks

[stworthy]

Call 'resize' method on datagrid after the form display. Please refer to the updated sample.
http://jsfiddle.net/7ghDF/1/

[devnull]

Thanks, but there is a second problem.

The second button should appear initially below the first button, basically the data grid appears to be killing any code underneath it.

But the second button is getting hidden even though it is outside of the form which is set to display: none.

Thanks

[stworthy]

There is a little mistake in the form tag you posted, it start with <form> but not end with </form>, now has been fixed.
http://jsfiddle.net/7ghDF/2/