Angular 如何在mat panel中对齐多个描述

我正在努力使我的垫子面板中的描述看起来更加一致。如果一个字段比另一个字段长，则会将所有字段向右推。如何使描述保持一致

帐户：{{accountNumber}
{{type}}
{{date}}
{{value}}

现在的样子：

---

您可以只创建一个mat面板描述，并在其中创建一个表格以对齐您的值

<mat-accordion>
  <mat-expansion-panel [expanded]="allExpandState">
    <mat-expansion-panel-header>
      <mat-panel-title>
        Account #: {{accountNumber}}
      </mat-panel-title>
      <mat-panel-description>
        <table>
          <tr>
            <td>Value</td>
            <td>Value</td>
            <td>Value</td>
          </tr>
          <tr>
            <td>Value</td>
            <td>Value</td>
            <td>Value</td>
          </tr>
          <tr>
            <td>Value</td>
            <td>Value</td>
            <td>Value</td>
          </tr>
        </table>
      </mat-panel-description>
    </mat-expansion-panel-header>
  </mat-expansion-panel>
  <!-- ... -->
</mat-accordion>

帐户：{{accountNumber}
价值
价值
价值
价值
价值
价值
价值
价值
价值

如果接受，请将Ploppy的答案标记为已回答。实现对齐的另一种方法是：

将CSS规则添加到组件或样式中。CSS/scss

请注意，ng deep将来可能会被弃用

    ::ng-deep .mat-expansion-panel-header-description {
  position: absolute;
  left: 300px;
}

---

您可以只创建一个垫子面板描述，并在其内部创建一个表格来对齐您的值。@Ploppy谢谢！成功了