网格列表内容填充高度

Question

我正在将内容放置在网格列表组件中，并且希望网格图块根据其具有的内容而相应地增长。我尝试使用rowHeight =“ fit”作为文档说明，但似乎不起作用。

Here an example

Answer 1

MatGridList的总体大小与rowHeight设置直接相关。默认的rowHeight值是比率1:1（表示列宽等于行高）。

使用比率时，列表总体上将具有固定的宽高比，因此，如果由于窗口或布局限制而无法在一个方向上增长列表，则在任何方向上都不能增长。这就是为什么您的示例看起来如此。如果您扩展窗口的宽度，则列表也会垂直扩展。您可以设置不同的rowHeight值，以使图块比宽度高，例如rowHeight="1:2"（这对我来说倒是，但这就是它的工作原理）。

使用rowHeight="fit"时，该列表不适合内容，它使行高适合列表的高度，但是如文档中所述，您必须在列表上设置高度或使其正常工作。

为rowHeight设置一个固定值听起来很像。