我有许多常规HTML表格,我想转换为Material 2表格 . 他们使用这样的自定义行组件:
<tbody>
<tr *ngFor="let r of rows" trainingTopic [row]="r">
</tr>
</tbody>
行组件选择器是这样的: tr[trainingTopic]
而模板只是td元素:
<td>...</td>
<td>...</td>
我正在尝试将这些转换为Material 2表,我已经为基本的东西工作,但没有自定义行 . 我试图避免将所有内容都打破到单元格中,因为有很多代码需要移动 .
这样做:
<mat-table [dataSource]="reportDataSource">
<ng-container matColumnDef="command">
<mat-header-cell *matHeaderCellDef mat-sort-header> Command </mat-header-cell>
<mat-cell *matCellDef="let row"></mat-cell>
</ng-container>
<mat-row *matRowDef="let row; columns: displayedColumns;">
<my-row-component>
</my-row-component>
</mat-row>
不会创建我的组件 . 我得到 Headers 和空行 . 尝试删除任何cdkColumn,行def属性或mat-cell组件会导致它在运行时抛出错误 . 有没有办法使用我现有的组件?