angular - angular 4 - CDK 数据表中的行样式

Question

我正在尝试将 cdk 数据表与自定义行视图一起使用。但目前还没有足够的信息来说明如何实现这一点。我尝试通过源代码，但无法掌握如何做到这一点。基本上我想将每一行的数据包含在卡片中。我怎样才能做到这一点？

score 0 · Accepted Answer

添加class一个md-row复制md-card.

CSS：

.card{
    padding: 24px;
    border-radius: 2px;
    margin: 10px 0 10px 0;
}

html:

 <md-row *cdkRowDef="let row; columns: displayedColumns;"
          class="mat-elevation-z4 card">

1 回答 1