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");
})