Question

关于jquery ui datagrid 的问题 在将 datagrid 放在DIV下隐藏显示不出标题栏：详细描述如下图

图一：

<tr>
<td>
<div id= "divPreTemp" style= "display: none">
<table id="listDisplay1" title="信息" iconCls="icon-list" singleSelect="true" idField="MISSIONID"
pagination="true" pageSize="20" pageList="[10,20,30,40,50,100,150,200]" rownumbers="true" sortOrder="asc" class=common>
<thead>
<tr>
<th field="CUSTOMERNAME" width="80" formatter="formatDGField" sortable="true">号码</th>
<th field="CUSTOMERNAME" width="80" formatter="formatDGField" sortable="true">姓名</th>
<th field="TEMPFEENO" width="80" formatter="formatDGField" sortable="true">号码</th>
<th field="PAYFEE" width="80" formatter="formatDGField" sortable="true">金额</th>
<th field="PAYFEE" width="80" formatter="formatDGField" sortable="true">方式</th>
<th field="PAYDATE" width="80" formatter="formatDGField" sortable="true">日期</th>
<th field="AGENTCODE" width="80" formatter="formatDGField" sortable="true">业务员 </th>
</tr>
</thead>
</table>
</div>
<div id= "divCustomer" class="easyui-panel" style= "display: none">
<table id="listDisplay2" title="信息" iconCls="icon-list" singleSelect="true" idField="MISSIONID"
pagination="true" pageSize="20" pageList="[10,20,30,40,50,100,150,200]" rownumbers="true" sortOrder="asc" class=common>
<thead>
<tr>
<th field="CUSTOMERNAME" width="80" formatter="formatDGField" sortable="true">号码</th>
<th field="CUSTOMERNAME" width="80" formatter="formatDGField" sortable="true">姓名</th>
<th field="PAYFEE" width="80" formatter="formatDGField" sortable="true">金额</th>
<th field="PAYFEE" width="80" formatter="formatDGField" sortable="true">方式</th>
<th field="PAYDATE" width="80" formatter="formatDGField" sortable="true">日期</th>
<th field="AGENTCODE" width="80" formatter="formatDGField" sortable="true">业务员 </th>
</tr>
</thead>
</table>
</div>
</td>
</tr>
根据类型选择的值不同时，显示不同的列表，由于设置了DIV style= "display: none" 造成显示不正确 ，想达到的效果应该为下图
图二：





Answer 1

设置div 的display为none div内的所有元素都会隐藏

追问

我知道啊，现在是让它显示出来的时候，出现div下的表格宽度为零。

追答

没理解明白
不介意的话，你贴完整的代码给我看看，或者发我qq
602098328