Angular Material 2 Datatable 标题未右对齐

Question

我已将标题单元格和单元格的样式设置为右对齐，但标题仅与单元格文本对齐

这是一个示例的链接

我已经添加了

.mat-cell, .mat-header-cell {
    text-align: right;
}

Answer 1

text-align: right 不适用于display:flex元素，在这里您尝试text-align在mat-header-cell' 元素mat-sort-header-container类上应用属性。您可以使用以下内容来解决您的问题。

::ng-deep .mat-header-cell .mat-sort-header-container {
    justify-content: flex-end;
}