角度4 - 在CDK數據表中的行樣式

我想用定製的行視圖來使用cdk數據表。但是還沒有足夠的信息來說明如何實現這一點。我嘗試瞭解源代碼，但無法掌握如何去做。基本上我想在每一行的卡片中包含數據。我怎樣才能做到這一點？角度4 - 在CDK數據表中的行樣式

2017-08-16 bhanu

什麼是「基本上我想包含於各行的卡中的數據」 mean.Please張貼一些代碼，你已經試過 –

@vikk如果你看看這個'https：//github.com/ angular/material2/blob/b5fc68b90729e1fba835465bb55e29f87d47df3f/src/cdk/table/row.ts＃L26'，他們已經定義了一個模板應該顯示一行。我想定製這個。也看到這個plunk'https：//plnkr.co/edit/hZSxiasJDuDSEeShtENx？p =預覽' – bhanu

git鏈接壞了 –

添加一個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">

Plunker demo

來源

2017-08-16 14:19:08 Nehal

角度4 - 在CDK數據表中的行樣式

回答

相關問題