Vaadin 14 Grid autoWidth with wrap content

Vaadin 14 Grid autoWidth with wrap content

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

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

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

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

以下是我会尝试的方法:

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