Vaadin 7表格标题与数据不一致

问题描述

在Vaadin论坛和此处,这似乎都是一个常见问题,但是到目前为止,我还没有找到解决方案。我有很多表,其中列标题与数据不一致。它似乎总是可以与IE一起使用,但是对于任何基于Chromium的浏览器来说,它都处于关闭状态。以下是我正在谈论的内容,特别是在Brave浏览器中运行的内容。

Bad table header alignment

那么人们是否使用Vaadin 7应用程序解决了这个问题?

新信息10/4/2020: 我只是注意到一些有趣的事情。我有一张桌子,表现完美,但是在同一视图上,我还有一张桌子处于关闭状态。超级有趣的是,“ header”和“ data”列在HTML中具有相同的宽度,但是从浏览器(Brave浏览器,因此基于Chromium)的角度来看看起来是不同的。任何想法会导致什么?

Header

图1:标题

Data

图2:数据

根据https://stackoverflow.com/a/14857179/3329922,似乎在某些情况下会忽略TD宽度。只是不明白为什么在同一屏幕上的某个位置却忽略了它,而在另一屏幕上却忽略了它。有什么要寻找的指针吗?

编辑10/8/2020:

好的,至少发现了问题的一部分,但不知道如何解决。在某些情况下,看起来很完美的表头表的width与数据表class="v-table-table"完全相同。但是在发生不匹配的地方,表的宽度不匹配。如果我作弊并使它们在浏览器中匹配,则所有内容都将完美排列。那么,为什么“页眉”和“数据”表的宽度不匹配,如何使它们匹配?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)