vaadin - IE8 中的标题和列宽不一致

Question

在 IE8 中，我的表的列和标题无法正常工作。这些列获得了它们内部最宽数据所需的空间，并且这些列似乎获得了它们的原始大小。当我单击或调整列标题的大小时，情况会更加严重。

另外，我的表中有很多行（超过 1000 行），但没有出现滚动条，所以我什至看不到所有数据。

这是它在 IE8 中的样子的图像。

作为记录，在 Chrome、Firefox 和 IE9 中一切正常（可能在 IE10 中也是如此，但还没有机会测试它）。

有谁知道如何解决这一问题？

Answer 1

希望您已解决此问题，但是我也遇到了列宽不一致的问题，如果您确实有解决方案，我将不胜感激。

我可以帮助你的是你的滚动条问题。为了让表格有一个滚动条，它需要有一个固定的高度，这可以是表格上的 .setSizeFull() 和布局（垂直或水平）上的 .setExpandRatio(table,1) ，也可以是来自 .设置高度（“XYZpx/%”）。请记住，表格上的 setSizeFull 和百分比高度要求所有父布局都是 setSizeFull（或百分比），或者至少在定义以 px 为单位的高度之前是正确的。

如果有疑问，请查看浏览器开发工具（在大多数浏览器中按 F12，在 Firefox 中，您需要安装 Firebug），查看影响元素的 css 非常有用，但查看元素级别样式最有用，这些是通过 JAVA 代码设置的，如果您在某处遇到 setSizeFull 问题，那么它确实可以帮助您定位它在链上的位置，如果您需要更好地理解它，可以在布局上放置标记样式（使用 . addStyleName("ImWhatYouAreLookingFor"))。