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

时间:2017-10-25 20:43:14

标签: angular angular-material2

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

0 个答案:

没有答案