If md-sort-header is added into md-header-cell in md-table, it is always left-alignment. How to center-align header cells, such "name"?
<md-header-cell *cdkHeaderCellDef md-sort-header style="text-align:center">
Name
</md-header-cell>
Update for Angular Material 5.x.x, no need for ng-deep:
mat-header-cell {
display:flex;
justify-content:flex-end;
}
md-header-cell
get 'translated' to a container with class="mat-sort-header-container". Using that, you set its style with ng-deep
. Use flexbox to center its content. Put the following in the components stylesheet:
::ng-deep .mat-sort-header-container {
display:flex;
justify-content:center;
}