web-dev-qa-db-ja.com

マットセルのコンテンツをアイコンでangular2 / materialの右側に揃える方法は？

はじめに私のコードで：

<!-- 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に適用しても機能しません。

ライブラリのバージョン：

"@angular/material": "2.0.0-beta.10"
"@angular/cdk": "^2.0.0-beta.10",
"@angular/common": "^4.1.3"
htmlcssangularangular-materialangular-material2
7
v.chjen

次のいずれかを使用します。

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

}

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

[〜＃〜]デモ[〜＃〜]

11
Vega