angle2/material上のmd-cellの内容をアイコンで右に揃える方法は？

Question

私のコードでを開始するには：

<!-- Edit Column --> 
<ng-container mdColumnDef="edit"> 
    <md-header-cell *mdHeaderCellDef> {{'companies.edit-column' | translate}}</md-header-cell> 
    <md-cell *mdCellDef="let element"><a (click)="toCompany(element.id)"><md-icon class="md-dark">edit</md-icon></a></md-cell> 
</ng-container> 

要件は（材料設計の右パディングのに対し）右にある編集アイコンの位置を調整するのですか？今のところ、それは強制的に左ドッキングされているようです。 style="{text-align: right}"をmd-cellに適用することはできません。 LIBSの

バージョン：

"@angular/material": "2.0.0-beta.10" 
"@angular/cdk": "^2.0.0-beta.10", 
"@angular/common": "^4.1.3" 

Answer 1

これらのいずれかを使用します。万が一

mat-cell{ 
    display:flex !important; 
    justify-content:flex-end!important; 

} 

::ng-deep .mat-cell{ 
    display:flex !important; 
    justify-content:flex-end!important; 
} 

DEMO