角度材质2自定义数据表行组件

我有许多常规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组件会导致它在运行时抛出错误 . 有没有办法使用我现有的组件?

回答(0)