blocks|key|5740098|text|听起来你想要的是扩张率。它的工作原理类似于HorizontalLayout的扩展比率。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5740099|有关更多信息，请查看https://vaadin.com/api/com/vaadin/ui/Table.html#setColumnExpandRatio%2528java.lang.Object,%2520float%2529。|offset|length|5740100|Table+oTable+=+new+Table();
oTable.addContainerProperty("First+name",+String.class,+null);
oTable.addContainerProperty("Last+name",+String.class,+null);
oTable.addContainerProperty(YEAR_PROPERTY,+Integer.class,+null);

oTable.addItem(new+Object[]+{+"Nicolaus","Copernicus",new+Integer(1473)+},+new+Integer(1));
oTable.addItem(new+Object[]+{+"Tycho",+++"Brahe",+++++new+Integer(1546)+},+new+Integer(2));
oTable.addItem(new+Object[]+{+"Giordano","Bruno",+++++new+Integer(1548)+},+new+Integer(3));
oTable.addItem(new+Object[]+{+"And+this+is+a+very+very+long+cell",+"Newton",+new+Integer(1643)+},+new+Integer(4));

oTable.setSizeFull();
oTable.setColumnExpandRatio(YEAR_PROPERTY,+1.0f);|code-block|syntax|javascript|5740101|编辑:如果你设置了一个单元格的展开比(例如最后一个)，所有其他的单元格只需要占用它们需要的空间。这可能是针对您的需求的一种变通方法。|5740102|如果您注释掉最后添加的项，您将看到第一列仅占用所需的空间。|5740103|entityMap|0|LINK|mutability|MUTABLE|url|https://vaadin.com/api/com/vaadin/ui/Table.html#setColumnExpandRatio%2528java.lang.Object,%2520float%2529^0|0|A|2R|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

It sounds to me that you are looking for the expand ratio. It works like the expand ratio of HorizontalLayout.

Have a look at <a href="https://vaadin.com/api/com/vaadin/ui/Table.html#setColumnExpandRatio%28java.lang.Object,%20float%29" rel="nofollow">https://vaadin.com/api/com/vaadin/ui/Table.html#setColumnExpandRatio%28java.lang.Object,%20float%29</a> for more information.

<pre><code>Table oTable = new Table();
oTable.addContainerProperty("First name", String.class, null);
oTable.addContainerProperty("Last name", String.class, null);
oTable.addContainerProperty(YEAR_PROPERTY, Integer.class, null);

oTable.addItem(new Object[] { "Nicolaus","Copernicus",new Integer(1473) }, new Integer(1));
oTable.addItem(new Object[] { "Tycho", "Brahe", new Integer(1546) }, new Integer(2));
oTable.addItem(new Object[] { "Giordano","Bruno", new Integer(1548) }, new Integer(3));
oTable.addItem(new Object[] { "And this is a very very long cell", "Newton", new Integer(1643) }, new Integer(4));

oTable.setSizeFull();
oTable.setColumnExpandRatio(YEAR_PROPERTY, 1.0f);
</code></pre>

Edit: if you set the expandratio for one cell (for example the last one) all others just take their space needed. This could be a workaround for your requirement.

If you comment out the last added item, you'll see that the first column only takes the space needed.

blocks|key|2307164|text|setColumnWidth(-1)应启动自动伸缩。虽然这通常是默认的(即使在BeanItemContainers中也是如此，所以我很惊讶你没有自动看到这种行为。一个相关的概念，可能值得你去追求的是setSizeUndefined()，它是一个相当大的接口的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2307165|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

setColumnWidth(-1) should activate auto-scaling. Though this is usually the default (even with BeanItemContainers, so I'm surprised you aren't seeing that behaviour automatically.
A related concept, possibly worth you pursuing is setSizeUndefined() which is a method of the Sizeable interface.

blocks|key|3419928|text|您只能使用CSS规则进行尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3419929|.v-table+td:last-child+{
++++margin-right:auto;
}|code-block|syntax|javascript|3419930|Chrome>=4、Firefox>=3.5、Opera>=9.6、Safari>=3.2、IE>=9|3419931|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You may try this only with CSS Rule:

<pre><code>.v-table td:last-child {
 margin-right:auto;
}
</code></pre>

Chrome>=4, Firefox>=3.5, Opera>=9.6, Safari>=3.2, IE>=9

In Vaadin, a HorizontalLayout gives each component exactly the space it needs as long as there is enough of it and not more.

In a table created with a BeanItemContainer however, all the columns have the same width. Because the table content is loaded dynamically, the width is different each time and different PCs have different font sizes, we don't want to specify a fixed width in pixels.

How can we tell the row to behave like a html table or a HorizontalLayout in that it gives each row the right width, not more and not less?

Vaadin table with column widths according to the content width

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在Vaadin中，只要有足够的空间而不是更多，HorizontalLayout就会给每个组件提供它所需的空间。但是，在使用BeanItemContainer创建的表中，所有列的宽度都相同。因为表格内容是动态加载的，宽度每次都不同，而且不同的PC具有不同的字体大小，所以我们不希望以像素为单位指定固定的宽度。我们如何才能告...

问根据内容宽度设置列宽的Vaadin表
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据内容宽度设置列宽的Vaadin表EN