Java Vaadin 7表格标题与数据不对齐

这似乎是一个常见的问题，在瓦丁论坛和这里，但到目前为止，我还没有看到一个解决办法。我有很多表，其中列标题与数据不一致。它似乎总是适用于IE，但对于任何基于Chromium的浏览器来说，它都有些过时。下面是我所说的，特别是在勇敢的浏览器中运行。

那么人们用他们的Vaadin 7应用程序解决了这个问题了吗

新信息2020年4月10日： 我只是注意到一些有趣的事情。我有一张桌子，但在同一个视图中，我有第二张桌子，它是关闭的。超级有趣的是，“header”和“data”列在HTML中具有相同的宽度，但从浏览器的角度看（Brave browser，基于Chromium）。知道是什么原因吗？ 图1：标题

图2：数据

从中可以看出，TD宽度似乎在某些情况下被忽略。只是不明白为什么在同一个屏幕上的一个地方忽略了它，而在另一个地方却没有。有没有关于找什么的建议

2020年8月10日编辑：

---

好的，至少发现了部分问题，但不知道如何解决。在某些情况下，情况看起来很完美，标题表的宽度与数据表的宽度完全相同。但如果出现不匹配，则表格宽度不匹配。如果我作弊，让他们在浏览器中匹配，一切都会井然有序。那么，为什么“标题”和“数据”表的宽度不匹配？我如何使它们匹配？

您遇到了这个问题。这背后似乎有各种原因。是自定义CSS中的

td

padding

。我什么都试过了，什么都没用。问题是我不明白发生了什么，甚至不知道如何提出更好的问题。如果您有任何想法，我们将不胜感激。您是否使用自定义CSS？您能用相同的自定义CSS在单独的测试应用程序中重现问题吗？如果可以，您可以与我们共享测试应用。自定义基于valo的主题。并不是说主题定制得太多，而是定制的。在我的定制更改中，除了scss文件中的表的颜色编码之外，我没有其他内容。显然，Valo主题确实如此，但我认为我没有太多地覆盖这些默认值。至于测试应用程序，我从vaadin 7仪表板应用程序开始。让我看看我是否可以重做那个更简单的应用程序，并确认它也有同样的问题。乍一看，这个演示应用程序也有同样的问题。结果是我的演示应用程序确实显示了问题，但并不像我想的那么明显，所以我查看了其他表格，找到了一个它工作的示例（参见最近的编辑）。比较这两个表，看看它是否有助于发现问题。