jQuery MiniUI

标题: 关于单击表头会改变整个页面大小的问题。 [打印本页]
作者: zhaotr    时间: 2016-4-20 16:33:03     标题: 关于单击表头会改变整个页面大小的问题。

[attach]7352[/attach][attach]7351[/attach]
点击三个表格中的任何一个表头会使得页面会变形缩进。。有谁碰到这样的问题。。如何解决。。
作者: felt    时间: 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    时间: 2016-4-20 17:12:38

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


[attach]7353[/attach]
[attach]7353[/attach]
[attach]7353[/attach]
附件是我的页面文件。。我用的ie9浏览器。
作者: zhaotr    时间: 2016-4-20 17:35:22

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

而且我发现只有在ie下有这种问题。。我在谷歌浏览器。搜狐浏览器都是正常的。
作者: felt    时间: 2016-4-20 17:38:37

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

请剔除影响因素，只留一个表格
作者: zhaotr    时间: 2016-4-21 08:59:30

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

[attach]7354[/attach][attach]7354[/attach]
一个表格的时候也会有这种问题。
作者: dforce    时间: 2016-4-21 09:42:42

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

[attach]7355[/attach]简化了你的页面，未发现有什么问题
作者: zhaotr    时间: 2016-4-21 10:56:05

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

[attach]7357[/attach][attach]7356[/attach]

把你的例子拿下来我点击表头以后还是会出现之前的问题。。
作者: dforce    时间: 2016-4-21 11:11:36

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

本地测试未发现什么点击表头会变形的问题
那么继续简化你的页面
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title></title>
  6.     <script src="http://www.miniui.com/scripts/boot.js" type="text/javascript"></script>
  7.   
  8. </head>
  9. <body>

  11.                  <div id="grid1" class="mini-datagrid" style="height:210px;" allowHeaderWrap="true"
  12.             idField="id" allowResize="false"  showPager="false"   allowAlternating="true"
  13.             borderStyle="border-left:1;border-right:1;" >
  14.                         <div property="columns">
  15.                                 <div field="itemname" align="left" headerAlign="center" width="120">电厂名称</div>
  16.                                 <div field="col4" width="60" align="right" numberFormat="#,0.00" headerAlign="center" allowSort="false">月度计划（亿KWH）</div>
  17.                                 <div field="col5" width="60" align="right" numberFormat="#,0.00" headerAlign="center" allowSort="false">计划完成率（%）</div>
  18.                                 <div field="col1" width="60" align="right" numberFormat="#,0.00" headerAlign="center" allowSort="false">总容量WM</div>
  19.                         </div>
  20.                 </div>
  21.          </div>
  22.      

  24. </body>
  25. </html>
复制代码
作者: zhaotr    时间: 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嵌套布局。。该如何解决这样的问题。
作者: dforce    时间: 2016-4-21 14:03:23

zhaotr 发表于 2016-4-21 11:38
找到问题原因了。是因为表格最外层加了一个  这样的div。。去掉这个div就正常了。但是多个表格组合布局。 ...

可以用我们的布局控件，layout，splitter之类的
如果你要自己控制， 那么细节也要你自己控制了
作者: zhaotr    时间: 2016-4-21 14:59:51

dforce 发表于 2016-4-21 14:03
可以用我们的布局控件，layout，splitter之类的
如果你要自己控制， 那么细节也要你自己控制了 ...

还有个问题。。就是我在列里加了allowSort="true"以后点击列头样式变了。。但是数据没有进行重新排序是什么问题？
作者: dforce    时间: 2016-4-21 16:27:51

zhaotr 发表于 2016-4-21 14:59
还有个问题。。就是我在列里加了allowSort="true"以后点击列头样式变了。。但是数据没有进行重新排序是什 ...

排序是服务端处理的，你服务端处理了吗
作者: zhaotr    时间: 2016-4-21 16:41:27

dforce 发表于 2016-4-21 16:27
排序是服务端处理的，你服务端处理了吗

我后来看文档。。有客户端处理也有服务端处理。需要配置相应的参数



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