填充高度的网格列表的内容

Question

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

Here an example

Answer 1

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

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

当您使用rowHeight="fit" 时，这不适合列表到内容，它适合行高到列表高度，但如文档中所述，您必须在列表或父级上设置一个高度这样才能正常工作。

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