网格列表作为扩展面板标题

Question

我需要扩展面板将标题显示为列。我想为此使用网格列表组件，但是当我放置它时，标题显示为空。有什么方法可以做到这一点吗？

<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-grid-list cols="3">
<mat-grid-tile colspan="1">Column 1</mat-grid-tile>
<mat-grid-tile colspan="1">Column 2</mat-grid-tile>
<mat-grid-tile colspan="1">Column 3</mat-grid-tile>
</mat-grid-list>
</mat-expansion-panel-header>
<p>Some content</p>
</mat-expansion-panel>

Answer 1

组件 mat-grid-list 实际上在那里，但它是不可见的，因为宽度为零。因此，将下面的样式应用于组件将起作用。

mat-grid-list {
width: 100%;
}