Angular 多个垫头行不适用于版本5.x角材质

我正在尝试创建多个标题，如中所示

材料版本：“@angular/material”：“5.2.x”

我无法实现同样的效果，因为只渲染了一个标题（第一个标题）。请帮我做这个。我想在不升级我的版本的情况下实现同样的效果。如果我有其他选择，请告诉我

我的代码：

<mat-table [dataSource]="dataSource" class="mat-elevation-z8">

    <!--- Note mat-header-cellat mat-header-cellese columns can be defined in any order.
          The actual rendered columns are set as a property on mat-header-celle row definition" -->
  
    <!-- Position Column -->
    <ng-container matColumnDef="position">
      <mat-header-cell *matHeaderCellDef> No. </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.position}} </mat-cell>
    </ng-container>
  
    <!-- Name Column -->
    <ng-container matColumnDef="name">
      <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.name}} </mat-cell>
    </ng-container>
  
    <!-- Weight Column -->
    <ng-container matColumnDef="weight">
      <mat-header-cell *matHeaderCellDef> Weight </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.weight}} </mat-cell>
    </ng-container>
  
    <!-- Symbol Column -->
    <ng-container matColumnDef="symbol">
      <mat-header-cell *matHeaderCellDef> Symbol </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.symbol}} </mat-cell>
    </ng-container>
  
    <!-- Header row first group -->
    <ng-container matColumnDef="header-row-1">
      <mat-header-cell *matHeaderCellDef style="text-align: center;" [attr.colspan]="2">
        first group
      </mat-header-cell>
    </ng-container>
  
    <!-- Header row second group -->
    <ng-container matColumnDef="header-row-2">
      <mat-header-cell *matHeaderCellDef [attr.colspan]="2"> Second group </mat-header-cell>
    </ng-container>
    
    <mat-header-row *matHeaderRowDef="['header-row-1', 'header-row-2']"></mat-header-row>
    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
    <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
  </mat-table>

不
{{element.position}
名称
{{element.name}
重量
{{element.weight}}
象征
{{element.symbol}
第一组
第二组

尽管我有多个mat header行，但只有第一行得到渲染

---

对于角度5，不可能这样做。官方文件中没有这样的例子。我确实尝试过创建您的问题，它似乎只呈现了一个标题行，如您所述。哦，好的。谢谢你的澄清。。所以我们唯一能做的就是增加material angular的版本。是的，如果你升级了你的版本，你就不会面临这个问题。