css - Vaadin 14 Grid autoWidth with wrap content

Question

我正在使用 Vaadin 14，我在调整网格中的单元格大小时遇到​​问题。我想在所有列上设置自动宽度以减小内容大小较小的列的大小，但长期以来我想在没有水平滚动的情况下实现列的最大大小(我想一次查看所有列)以及何时超过大小然后我想将 conten 包装在此列中。

当我为所有列设置 autoWidth 时，我的长内容显示在一行中，我必须水平滚动才能看到其他列。当我设置

grid.addThemeVariants(GridVariant.LUMO_COMPACT,GridVariant.LUMO_WRAP_CELL_CONTENT);那么我的长栏与其他内容较短的栏具有相同的大小，但具有多行内容。其他栏的内容太长。

我无法为每一列分别设置宽度，因为我不知道网格中将有多少列以及哪一列将包含长内容或短内容。

Answer 1

这是我会尝试的:

• 使用 LUMO_WRAP_CELL_CONTENT 变体
• 对于除长内容列之外的所有其他列，设置 autoWidth 和 flexGrow=0
• 对于内容较长的列，将宽度设置为您想要的最大宽度，并设置 flexGrow=1