smartgwt IE11 UI问题

Question

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

在IE11中，只有一种类型的问题，那就是列表网格内容超出列表网格底部边界，并且滚动条不起作用。这个问题并不总是发生。它发生在页面上的一些添加、更新或删除操作(Ajax操作，因此页面不会提交和重新加载)，然后将数据加载到网格中。

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

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

我是第一次接触smartgwt，我不知道我应该在哪里找到问题的解决方案，我不知道这是由页面的代码引起的，或者是IE11的smartgwt问题，或者其他原因。谁能指引我朝哪个方向去寻找问题的解决方案？

Answer 1

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

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

选项2:尝试在表格上添加表格布局固定属性，并设置第一行td列的宽度。布局是基于第一行的固定布局。设置这些元素的宽度，然后表格的其余部分就会出现。

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

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