tab+easyui datagrid无法正常显示

  • 问题
    bootstrap的tab页签里用easyUI的datagrid数据表格,请求正常,数据返回正常。第一个页签只显示表头和分页数据不显示。其他页签正常显示。
    如果指定初始显示第二个页签,则第二个页签的数据不显示了,其他正常。
    Chrome查看元素,数据表格高度太小。
  • 解决:初始显示的表格 指定高度和宽度 具体值。不要百分比指定。
<!-- 选项卡面板 -->
<div id="myTabContent" class="tab-content">
    <div class="tab-pane active" id="bull" style="width:1000px;height:800px">
        <table id='grid' style="width:100%;height:96%"></table>
    </div>
</div>

在tab中放置一个datagrid,无法正常显示,查看结构,datagrid的所有元素大小都为0;
原因:datagrid会适应父元素的大小,在tab页显示前,父元素是不可见的,大小为0,0,所以datagrid下的所有元素大小也为0,0,导致不可见。
在显示tab页时 $("#gridApplyBusiness").datagrid("resize");即可正常显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

讓丄帝愛伱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值