angular 4 - CDKデータテーブルの行スタイリング

Question

カスタマイズされた行ビューでcdk datatableを使用しようとしています。しかし、これを達成する方法についての情報はまだ十分ではありません。私はソースコードを調べることを試みたが、それをどうやって行うのか把握できなかった。基本的には、各行のカードにデータを入れたいと思っています。これどうやってするの？

Answer 1

md-cardのスタイリングを複製する~md-rowを追加します。

CSS：

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

HTML：いくつかのコードを投稿mean.Please "基本的に私は、各行ごとにカードにデータを入れたい" ん何

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

Plunker demo