Easyui DataGrid Height Width =0 problem

For a table control that has a DataGrid applied to a page, such as hiding when the page is opened, and then dynamically displaying it in the page's application, the displayed table data is hidden, the table's title, toolbars, and the page bar are compressed together. The data that needs to be displayed does not show up properly.

i.e. width or height of 0;

The solution is:

1, Div plus easyui-panel, must be hidden in the outer Div, that is, Div can only have a class attribute, if you do not have to add a few div outside, to achieve the effect;

Example:

<div id= "Con_zzjs_1" class= "Easyui-panel" >

<table id= "Table1" >

</div>

Here table is a DataGrid;

Dynamically Hide or show

if (i = = Cursel) {
Additemsbyonclickdrpowner ();
$ ("#ccon_zzjs_1"). Panel (' Open ');
} else {
$ ("#ccon_zzjs_1"). Panel (' Close ');
}

The panel's open and close properties are used here.

Easyui DataGrid Height Width =0 problem