我有许多常规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>
不会创建我的组件。我得到标题和空行。尝试删除任何cdkColumn,行def属性或mat-cell组件会导致它在运行时抛出错误。有没有办法使用我现有的组件?