嗨,我希望在材料表上实现以下结构。到目前为止,我已经看到了一些示例,但我无法做到这一点
我想要达到的目标:
| | |
|--------|-------|
| header | value |
| header | value |
| header | value |
<table >
<tbody><tr>
<th>name</th>
<td>
value
</td>
</tr>
<tr>
<th>name2</th>
<td>
value2
</td>
</tr>
</tbody>
</table>
当我执行此实现时,我只会得到以下结果:
<mat-table #table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="{{key}}" *ngFor="let key of objectKeys(dataSource)">
<mat-header-cell *matHeaderCellDef mat-sort-header> {{getData(key).toUpperCase()}} </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element[key]}} </mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
这是结果:
| header | header | header | Header | header |
|--------|--------|--------|--------|--------|
| | | | | |
| | | | | |
| | | | | |
任何帮助表示赞赏!