从我的代码开始:
<!-- 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>
需求是将编辑图标的位置调整到右侧(相对于Material Design的右侧填充)?现在它似乎被强制左侧停靠。将
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"
mat-cells 的内容默认左对齐。但您仍然可以通过重新定义显示属性将它们居中或右对齐。对于 ltr 方向书写,以下内容将向右对齐:
mat-cell{
display:flex !important;
justify-content:flex-end!important;
}
在演示中,表格单元格向右对齐,而标题仍然向左对齐