Easyui Tab中的datagrid无法填充整个容器

当Easyui的Datagrid无法填充整个tab容器时,即使设置了fit:true属性也无法解决。问题的关键在于,需要同时将easyui-tabs的fit属性也设置为true。只有当tabs和datagrid都设置fit属性为true,Datagrid才能正确地适应并充满整个tab容器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【DataGrid无法填充整个容器】

datagrid 设置属性: {fit:true} 还是无法填充这个tab容器,将table 的样式设置style="height:500px;width:500px"还是无效是

【解决方案】

  将datagrid所在的父级标签(例如:easyui-tabs)将属性{fit:true}时问题解决,因为easui-tabs没有设置填充整个容器,只是设置了datagrid还是没有效果,要将两者easyui-tabs和datagrid一起设置为fit:true才能发挥最大效果。


 <div id="sales_tabs" class="easyui-tabs" data-options="border:false:fit:true">   
    <div title="销售报价清单" style="padding:20px;">   
         <table id="datagrid_sales_quotation">
         <thead>
            <tr>
                <th data-options="field:'QUOTATION_NO', width:150">
                    报价单
                </th>
                <th data-options="field:'CUSTOMER_CODE', width:80
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值