div和easyUI下的datagrid显示问题

Question

jsp页面的body下有个div，div下有个table，table的class为easyui-datagrid，我将这个div的style设置为display: none，想通过div的style来控制下面的table的显示。但是当我将div show出来的时候，下面的table没有显示全，可有大神遇到过，何解？多谢。

 

jsp:

<div id="myGridDiv" style="display: none">
  <table class="easyui-datagrid" title="积分查询" style="padding: 10px;"
   toolbar="#tb" rownumbers="true" fitColumns="true" singleSelect="true" id="myGrid"
   pagination="true">
   <thead id="myGridTh">
    <tr>
     <th field="id" width="20" align="center"> ID</th>
     <th field="userName" width="20" align="center">USERNAME</th>
     <th field="passWord" width="20" align="center">PASSWORD</th>
     <th field="birthDate" width="20" align="center">BIRTHDATE</th>
     <th field="email" width="30" align="center">EMAIL</th>
    </tr>
   </thead>
  </table>
 </div>

js:

 window.onload = function(){
  $("#myGridDiv").show();
 }; 

Answer 1

回复
是的 太坑，打算弃用easyui了

Answer 2

这玩意儿，我好像发现什么了；如果事先把把div隐藏 datagrid样式就渲染不出来

Answer 3

这个，还好吧 我感觉挺强大的；你在show的时候再调用datagrid初始化，不要在页面一开始就初始化，就可以正常显示了

Answer 4

回复
@阿斯兰 : 我也遇到同样的问题，show完之后再初始化，只显示了表头，数据没显示出来，怎么破？

Answer 5

回复
我也遇到了这个问题，请问你解决了吗？

Answer 6

同问，帮顶。

Answer 7

这个才是正确的显示

Answer 8

Answer 9

这个就用show后，只展示了这个datagrid的title

Answer 10

回复
我也遇到这问题了 ，你最后是怎么解决的？

Answer 11