在mat-grid-list中设置可调整的行高

Question

我正在使用$sel: ''; @for $i from 1 through 10 { $sel: if($i == 1, "div", selector-nest($sel, "> div")) !global; #{$sel} { margin-top: 1px * $i; } } 定义3列。

HTML

mat-grid-list

在这里，我将行高设置为200px（ rowHeight =“ 200px” ），现在每行的高度与下图所示相同。

但是我需要根据行中的内容设置行的高度。如下图所示。

我该如何实现？这是stackblitz链接。

Answer 1

我遇到了同样的问题，似乎角形材料网格不支持此功能，这确实很奇怪，所以我改用css网格。他们确实没有提供此功能，尽管可以通过CSS对其进行破解，但是在这种情况下使用材质网格毫无意义。