Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 带包裹内容的Vaadin 14栅格自动宽度_Css_Grid_Vaadin - Fatal编程技术网

Css 带包裹内容的Vaadin 14栅格自动宽度

Css 带包裹内容的Vaadin 14栅格自动宽度,css,grid,vaadin,Css,Grid,Vaadin,我在和Vaadin 14合作,我在网格中调整单元格大小方面有问题。 我想在所有列上设置autowidth,以减小具有较小内容大小的列的大小,但长期以来,我希望在没有水平滚动的情况下获得最大列大小(我希望一次看到所有列),并且当它超过表的大小时,我想将conten包装在此列中 当我为所有列设置autoWidth时,我的长内容显示在一行中,我必须水平滚动才能看到其他列。 当我准备好的时候 grid.addThemeVariants(GridVariant.LUMO\u COMPACT,GridVar

我在和Vaadin 14合作,我在网格中调整单元格大小方面有问题。 我想在所有列上设置autowidth,以减小具有较小内容大小的列的大小,但长期以来,我希望在没有水平滚动的情况下获得最大列大小(我希望一次看到所有列),并且当它超过表的大小时,我想将conten包装在此列中

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

grid.addThemeVariants(GridVariant.LUMO\u COMPACT,GridVariant.LUMO\u WRAP\u CELL\u CONTENT)
然后,我的长列具有相同的大小,但具有多行内容,就像其他具有短内容的列一样。其他列的内容太长


我不能为每一列分别设置宽度,因为我不知道网格中有多少列,以及哪一列的内容是长的还是短的。

以下是我将尝试的内容:

  • 使用LUMO\u WRAP\u CELL\u内容变量
  • 对于除具有长内容的列以外的所有其他列,请将autoWidth和flexGrow设置为0
  • 对于包含长内容的列,将宽度设置为所需的最大宽度,并将flexGrow设置为1

我觉得这听起来很简单,但实际上很难实现。一旦开始包装列,它们突然需要更少的宽度,您将不得不重新计算所有内容。它如何决定哪些列需要换行,哪些不需要换行?我认为布局不支持它。但我不知道表中将有多少列,它们将占用多少空间,有多少列将具有长内容+我想让用户在默认宽度上调整大小。我想第一眼看到所有列,但仍然允许用户调整它们的大小,使其高于面板中网格的宽度。我还有一个问题,是否可以禁用水平滚动,而不是在我调整一列的大小时,其他列将更改其大小以适应网格的宽度,而不添加水平滚动/只是将下一列移到表格的更远位置?您可以尝试将所有列的宽度设置为零,使其收缩到默认的100px宽度以下。但是,一旦用户调整了列的大小,该列和它之前的所有列将获得固定的宽度,并且在调整其他列的大小时不再收缩/增长。您可以尝试收听
列大小调整
事件,重置宽度并调整flexGrow以匹配宽度分布。