easyui分页被遮挡

我遇到的问题属于添加自己的div造成没有计算这部分高度引起的;

对比图片.jpg

图片左侧部分为失败部分,右边为修正部分;
按钮那一行是自己多添的,造成下面的高度超出了窗体高度,分页显示不全;
改正方法:

<div class="easyui-layout">
    <div data-options="region:'north'" style="height:100px">
        <!-- 官方文档写的清楚,没说清楚 -->
        <!-- 我的理解是这里面不能有自己的结构,如果需要插入更多的内容,
        请再用div class="easyui-layout"包起来,里面再分区,
        如果上中下左右还不能满足,那么就再包一层 -->
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'north',collapsed:true" style="width:180px">
                <table id="datagrid1"></table>
            </div>
            <div data-options="region:'center'">
                <table id="datagrid2"></table>
            </div>
        </div>
    </div>
    <div data-options="region:'center'"></div>
</div>

错误的书写1

<div class="easyui-layout">
    <div class="suiyi">我想要加点东西!不行</div>
    <div data-options="region:'north'" style="height:100px">
        <table id="datagrid1"></table>
    </div>
    <div data-options="region:'center'"></div>
</div>

错误的书写2

<div class="easyui-layout">
    <div data-options="region:'north'" style="height:100px">
        <div data-options="region:'north',collapsed:true" style="width:180px">我想这样加!也不行</div>
        <div data-options="region:'center'">
            <table id="datagrid1"></table>
        </div>
    </div>
    <div data-options="region:'center'"></div>
</div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、HTML和CSS 1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核...
    Virtual66阅读 754评论 0 0
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,239评论 0 8
  • 一、HTML 和 CSS 1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 2、每个 HTML 文件...
    chang_遇见缘阅读 395评论 0 2
  • 1.Typescript中的&理解 参数中的 & 表示props对象同时拥有了TagManagementState...
    Lethe35阅读 7,701评论 0 1
  • 目标: 能会引入ico图标 能简单看懂网站优化的三大标签 能使用字体图标 ( 重点 ) 能说出我们css属性书写顺...
    Scincyc阅读 381评论 0 0