Список сетки как заголовок панели расширения

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%;
}