0

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

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

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

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

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

4

1 回答 1

0

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

 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

于 2015-02-10T06:33:18.103 回答