easyui 隐藏和显示datagrid

easyui隐藏datagrid后，再让其显示，若是用display：block或者display的其余参数时会出现datagrid布局出错的问题，要解决此问题能够将datagrid放到panel内，对panel操做隐藏和显示。

<div id="panelID" class="easyui-panel" data-options="closed:true">
   <table class="easyui-datagrid" data-options="singleSelect:true,
       pagination:true,
       fit:true,
       striped:true,
       fitColumns:true"
       url=""  
">
      <thead>
         <tr>
           <th data-options="field:'id',width:10">ID</th>
           <th data-options="field:'name',width:10">NAME</th>
           <th data-options="field:'sex',width:10">SEX</th>
         </tr>
      </thead>
   </table>
</div>

能够经过data-options参数配置使panel默认隐藏，也能够用jquery使其默认隐藏，以下：

$(function(){
      $("#panelID").panel("close");
   })

若要使datagrid显示，则使用以下代码：

$(function(){
   $("#panelID").panel("open");
})