查看: 8380|回复: 13

关于单击表头会改变整个页面大小的问题。 [复制链接]

zhaotr

注册会员

Rank: 2

电梯直达

楼主

发表于 2016-4-20 16:33:03 |只看该作者 |倒序浏览

点击三个表格中的任何一个表头会使得页面会变形缩进。。有谁碰到这样的问题。。如何解决。。

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

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2016-4-20 16:42:09 |只看该作者

从未遇到过你这样的问题
1 确保页面使用的doctype是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 ie以及ie内核的浏览器，只支持标准模式
3 如果排除以上2个还有问题，请提供简单重现的html页面发上来

zhaotr

注册会员

Rank: 2

板凳

发表于 2016-4-20 17:12:38 |只看该作者

felt 发表于 2016-4-20 16:42
从未遇到过你这样的问题
1 确保页面使用的doctype是

附件是我的页面文件。。我用的ie9浏览器。

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

zhaotr

注册会员

Rank: 2

地板

发表于 2016-4-20 17:35:22 |只看该作者

zhaotr 发表于 2016-4-20 17:12
附件是我的页面文件。。我用的ie9浏览器。

而且我发现只有在ie下有这种问题。。我在谷歌浏览器。搜狐浏览器都是正常的。

felt

超级版主

Rank: 8 Rank: 8

5^#

发表于 2016-4-20 17:38:37 |只看该作者

zhaotr 发表于 2016-4-20 17:12
附件是我的页面文件。。我用的ie9浏览器。

请剔除影响因素，只留一个表格

zhaotr

注册会员

Rank: 2

6^#

发表于 2016-4-21 08:59:30 |只看该作者

felt 发表于 2016-4-20 17:38
请剔除影响因素，只留一个表格

一个表格的时候也会有这种问题。

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

dforce

超级版主

Rank: 8 Rank: 8

7^#

发表于 2016-4-21 09:42:42 |只看该作者

zhaotr 发表于 2016-4-21 08:59
一个表格的时候也会有这种问题。

简化了你的页面，未发现有什么问题

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

zhaotr

注册会员

Rank: 2

8^#

发表于 2016-4-21 10:56:05 |只看该作者

dforce 发表于 2016-4-21 09:42
简化了你的页面，未发现有什么问题

把你的例子拿下来我点击表头以后还是会出现之前的问题。。

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

dforce

超级版主

Rank: 8 Rank: 8

9^#

发表于 2016-4-21 11:11:36 |只看该作者

zhaotr 发表于 2016-4-21 10:56
把你的例子拿下来我点击表头以后还是会出现之前的问题。。

本地测试未发现什么点击表头会变形的问题
那么继续简化你的页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://www.miniui.com/scripts/boot.js" type="text/javascript"></script>
</head>
<body>
<div id="grid1" class="mini-datagrid" style="height:210px;" allowHeaderWrap="true"
idField="id" allowResize="false" showPager="false" allowAlternating="true"
borderStyle="border-left:1;border-right:1;" >
<div property="columns">
<div field="itemname" align="left" headerAlign="center" width="120">电厂名称</div>
<div field="col4" width="60" align="right" numberFormat="#,0.00" headerAlign="center" allowSort="false">月度计划（亿KWH）</div>
<div field="col5" width="60" align="right" numberFormat="#,0.00" headerAlign="center" allowSort="false">计划完成率（%）</div>
<div field="col1" width="60" align="right" numberFormat="#,0.00" headerAlign="center" allowSort="false">总容量WM</div>
</div>
</div>
</div>
</body>
</html>

复制代码

zhaotr

注册会员

Rank: 2

10^#

发表于 2016-4-21 11:38:46 |只看该作者

dforce 发表于 2016-4-21 11:11
本地测试未发现什么点击表头会变形的问题
那么继续简化你的页面

找到问题原因了。是因为表格最外层加了一个 <div style="float: left; margin-top: 20px\9; margin-top: 10px;">这样的div。。去掉这个div就正常了。但是多个表格组合布局。又不能没有这样的div嵌套布局。。该如何解决这样的问题。

12 下一页

返回列表

		自动登录	找回密码
密码			立即注册