div和easyUI下的datagrid显示问题

Ahyonghui 发布于 2015/05/16 14:59
阅读 3K+
收藏 0

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

加载中
0
A
阿斯兰
阿斯兰
回复 @Ahyonghui : 我也遇到这问题了 ,你最后是怎么解决的?
A
Ahyonghui
这个就用show后,只展示了这个datagrid的title
0
A
A
Ahyonghui
这个才是正确的显示
0
Sylow
Sylow
同问,帮顶。
退
退役单身
回复 @逆风的旅人 : 我也遇到了这个问题,请问你解决了吗?
逆风的旅人
逆风的旅人
回复 @阿斯兰 : 我也遇到同样的问题,show完之后再初始化,只显示了表头,数据没显示出来,怎么破?
阿斯兰
阿斯兰
这个,还好吧 我感觉挺强大的;你在show的时候再调用datagrid初始化,不要在页面一开始就初始化,就可以正常显示了
Sylow
Sylow
回复 @阿斯兰 : 是的 太坑,打算弃用easyui了
阿斯兰
阿斯兰
这玩意儿,我好像发现什么了;如果事先把把div隐藏 datagrid样式就渲染不出来
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部