easyui layout 解决datagrid 自适应高度

最新推荐文章于 2022-05-11 23:46:12 发布

柏伦 Belen

最新推荐文章于 2022-05-11 23:46:12 发布

阅读量2.5w

点赞数

分类专栏： easyui 文章标签： easyui datagrid 自适应高度

本文链接：https://blog.csdn.net/programmer_sir/article/details/44461107

版权

easyui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

最近使用easyui layout，解决了很多问题，特别是解决datagrid分页栏自适应的问题。先看下效果图，下图中的datagrid随着窗口变化而变化。
这里写图片描述

中间（搜索条件+datagrid）布局代码：

<div style="width:100%;height:100%;display:block;margin:-2px 0 0 -4px;">
    <!-- 布局 -->
    <div class="easyui-layout" fit="true">
        <!-- 搜索条件 -->
        <div data-options="region:'north',border:true,iconCls:'icon-search'" style="height:132px;padding:5px 0px 0px 0px;" title="<spring:message code='base.search.param'/>">
            <!------------------ 在这里填写你的搜索条件（FORM） -------------------->

        </div>

        <!-- 查询结果 -->
        <div data-options="region:'center',border:false" style="padding-top:4px;">
            <!------------------ 在这里填写你的datagrid -------------------->

        </div>          
    </div>
</div>