Question

我正在开发一个使用smartgwt作为前端框架的J2EE项目，前端页面包括JSP页面和包含smartgwt代码的java类。所有页面和smartgwt UI组件在IE8中都能正常工作，但IE11中存在UI问题。

在IE11中，只有一种类型的问题，就是listgrid内容超出listgrid底部边框，滚动条不起作用。问题不会一直发生。它发生在页面上的一些添加，更新或删除操作之后（Ajax操作，因此页面不提交和重新加载）然后在网格中加载数据。

我在问题发生之前和之后保存了页面的HTML代码。这两个生成的HTML代码有很多不同之处，但有两个主要区别与UI问题直接相关。一个是错误页面的listgrid div的style属性不包含overflow:hidden;，另一个是控制listgrid的高度和宽度的DIV在错误的页面上具有height:4534px的高度，而它具有右页的height:300px高度。

我尝试将smartgwt版本升级到4.0，将gwt版本升级到2.5.1，但这并没有解决问题。

我是smartgwt的新手，我不知道应该在哪里找到问题的解决方案，我不知道它是由页面的Java smartgwt代码引起的，还是一个smartgwt问题与IE11，或其他一些原因。任何人都可以指导我应该尝试找到解决问题的方法吗？

Answer 1

选项1：根本原因可能是DIV包装你的表在css中没有overflow和height属性。表格高度也是在运行时动态添加的，它将在父div中播放，例如。 500px div。

 div {
    overflow:scroll;
    height: 500px;
}

选项2：尝试在表格上添加表格布局固定属性，并设置第一行td列的宽度。布局基于第一行固定。设置其宽度，表格的其余部分如下。

table {      
  table-layout: fixed;      
}
td {
  width:25%;
}

有关更多工作示例的网址：http://css-tricks.com/fixing-tables-long-strings/ http://codepen.io/krunalv/pen/xbpwZP

smartgwt IE11 UI问题

1 个答案: