最近有的用到easyui的datagrid，有一個這樣的需求，就是當觸發一個事件之後控制datagrid的顯示與隱藏，初始狀態是將其datagrid隱藏起來。

說起隱藏datagrid的時候，也遇到了一些問題，關於easyui的datagrid是不可以直接用display這個屬性的，那若是想要隱藏這個table，那麽就要在它的外面寫一個父級div，然後通過控制這個div的隱藏與顯示去滿足這個需求。

<div class="divEditTabKc" style="display: none">
      <table id="editTabKc" class="easyui-datagrid" border="1" style="height: 180px;width:100%"></table>
</div>

這個隱藏是滿足了，但是當直接用js控制外面divEditTabKc的show和hide時，就出現了當想要其顯示時，table卻沒有顯示，我查看了一下代碼，這個時候table的寬只有3像素，那麽自然解決的方法就有了，註意在顯示時調用再調用一次resize就可以顯示出來，如下：

 $("#editTabKc").datagrid("resize");

這樣便實現了table的顯示與隱藏。如果小夥伴也遇到了同樣的情況可以試試這個方法！

js 控制 easyui datagrid 隱藏之後顯示不來的問題