jQuery MiniUI

标题: 表格高度自适应 [打印本页]

作者: q123126 时间: 2014-3-12 10:06:39 标题: 表格高度自适应

页面上部分是一个table，下面是表格，怎么让表格的高度自适应位整个页面的高度减去table的高度，设置为auto不行。

作者: felt 时间: 2014-3-12 10:17:47

参考这个demo,datagrid外面包一层mini-fit来撑满
http://www.miniui.com/demo/#src=fit/fit.html

作者: q123126 时间: 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;">
后面的高度是自动生成的，结果就是数据看不到了。

作者: felt 时间: 2014-3-12 10:29:56

q123126 发表于 2014-3-12 10:28
外面包了之后，效果是这样

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

作者: q123126 时间: 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已经添加了。
[attach]4090[/attach]

作者: lost 时间: 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%;"

作者: q123126 时间: 2014-3-12 10:51:19

lost 发表于 2014-3-12 10:46
最外面的form加style="height:100%;"

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)