jQuery MiniUI

 找回密码
 立即注册
查看: 3995|回复: 6
打印 上一主题 下一主题

表格高度自适应 [复制链接]

Rank: 6Rank: 6

跳转到指定楼层
楼主
发表于 2014-3-12 10:06:39 |只看该作者 |倒序浏览
页面上部分是一个table,下面是表格,怎么让表格的高度自适应位整个页面的高度减去table的高度,设置为auto不行。

Rank: 8Rank: 8

沙发
发表于 2014-3-12 10:17:47 |只看该作者
参考这个demo,datagrid外面包一层mini-fit来撑满
http://www.miniui.com/demo/#src=fit/fit.html

Rank: 6Rank: 6

板凳
发表于 2014-3-12 10:28:47 |只看该作者
felt 发表于 2014-3-12 10:17
参考这个demo,datagrid外面包一层mini-fit来撑满
http://www.miniui.com/demo/#src=fit/fit.html ...

外面包了之后,效果是这样
<div class="mini-fit" style="height: 26px;">
后面的高度是自动生成的,结果就是数据看不到了。

Rank: 8Rank: 8

地板
发表于 2014-3-12 10:29:56 |只看该作者
q123126 发表于 2014-3-12 10:28
外面包了之后,效果是这样

后面的高度是自动生成的,结果就是数据看不到了。 ...

<style type="text/css">
    html, body{
        margin:0;padding:0;border:0;width:100%;height:100%;
    }   
</style>
加上

Rank: 6Rank: 6

5#
发表于 2014-3-12 10:38:56 |只看该作者
felt 发表于 2014-3-12 10:29
html, body{
        margin:0;padding:0;border:0;width:100%;height:100%;
    }   

这个是我的页面,麻烦帮忙看看问题在哪里,这段css已经添加了。

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

6#
发表于 2014-3-12 10:46:31 |只看该作者
q123126 发表于 2014-3-12 10:38
这个是我的页面,麻烦帮忙看看问题在哪里,这段css已经添加了。

<form id="form1" runat="server" style="height:100%;" ></form>
最外面的form加style="height:100%;"

Rank: 6Rank: 6

7#
发表于 2014-3-12 10:51:19 |只看该作者
lost 发表于 2014-3-12 10:46
最外面的form加style="height:100%;"

谢谢,确实是这样,解决了。

Archiver|普加软件

GMT+8, 2024-11-25 12:48 , Processed in 1.030980 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部