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

最新推荐文章于 2023-05-24 11:25:02 发布

原创

最新推荐文章于 2023-05-24 11:25:02 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EasyUI #Jquery

当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