jQuery MiniUI

标题: 如何在datagrid上面加个div [打印本页]

作者: 逆光影者    时间: 2018-4-17 15:36:49     标题: 如何在datagrid上面加个div

[attach]10772[/attach]项目上要求要在开头加个标题图片, 如图所示
[attach]10775[/attach]
然后我在代码上加了个标题, 如图, 然后切换页面的控件间消失了, 然后我查了好久, 才发现原来是被挤到下面去了,
[attach]10774[/attach]
之后我把高度设为90%, auto如图, 可是总会有各种空余, 并且项目要求要自适应各种大小窗口, 然后

[attach]10771[/attach]
然后我后台的代码加在了fui-toolbar里是这样
[attach]10773[/attach]


可样式却变成了这样, 调了好久, 加了这些东西
<style>
.mini-grid-pager{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
}
.mini-panel-viewport.mini-grid-viewport{
height:100% !important;
}
.mini-panel-border.mini-grid-border{
height:100% !important;
}
.mini-panel.mini-grid.mini-datagrid{
position:absolute;top:0;bottom:60px;
}
</style>

可事实上却好像破坏了空间的结构, 小屏幕上滑动条显示不出来

作者: felt    时间: 2018-4-17 17:06:27

这这是一个页面布局的事情,
你把页面打开发上来,我给你调整一下。
作者: 逆光影者    时间: 2018-4-17 18:00:51

felt 发表于 2018-4-17 17:06
这这是一个页面布局的事情,
你把页面打开发上来,我给你调整一下。

[attach]10776[/attach]
你看看能不能打开, 因为页面还有很多css,js没上传, 主要就是加个标题图片

作者: 逆光影者    时间: 2018-4-17 18:03:24

felt 发表于 2018-4-17 17:06
这这是一个页面布局的事情,
你把页面打开发上来,我给你调整一下。

调不好也没关系,
作者: felt    时间: 2018-4-18 12:11:17

逆光影者 发表于 2018-4-17 18:03
调不好也没关系,

跑不起来,你试试加下清除浮动看一下<div style="clear:both" ></div>
作者: 逆光影者    时间: 2018-4-18 14:21:58

felt 发表于 2018-4-18 12:11
跑不起来,你试试加下清除浮动看一下

通过其他的方式解决了

.fui-toolbar{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

        <!-- 条件区域 -->
        <div class="fui-toolbar" style="height:82px ">
                <!-- 标题 -->
            <div class="form-title bg" style="float:none">
                        <span">认证登记中心</span>
                </div>
                <div class="btn-group mr10 >
                </div>
        </div>




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2