smartgwt IE11 用户界面问题答案

【问题标题】：smartgwt IE11 UI issuessmartgwt IE11 用户界面问题
【发布时间】：2014-12-18 03:36:23
【问题描述】：

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

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

我在问题发生前后保存了页面的 HTML 代码。生成的两个 HTML 代码有很多差异，但有两个主要差异与 UI 问题直接相关。一个是错误页面的listgrid div的样式属性不包含overflow:hidden;，另一个是控制listgrid的高度和宽度的DIV在错误页面上的高度为height:4534px，而它的高度为@987654323 @在右侧页面上。

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

我是smartgwt的新手，不知道应该去哪里找问题的解决方法，不知道是页面的Java smartgwt代码引起的，还是smartgwt的问题使用 IE11 或其他原因。谁能指导我应该朝哪个方向尝试找到问题的解决方案？

【问题讨论】：

标签： user-interface gwt internet-explorer-11 smartgwt listgrid

【解决方案1】：

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

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

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

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

【讨论】：