我假设您希望将标题的内容向右对齐。它不会通过改变text-align属性来工作。如果您在DOM中检查该元素，您将看到mat-sort-header指令将一个额外的flex容器放在标题中，其中包含标题文本和排序箭头。要将内容放到右边，必须在该容器上应用justify-content: end;。
您可以在头文件中添加其他类：

<th class="centered-header" mat-header-cell *matHeaderCellDef mat-sort-header> ID </th>

并在全局styles.scss中定义类：

.centered-header {  
  .mat-sort-header-container {
    justify-content: end;
  }
}

或者你可以在全局设置它，而不添加新的类：

.mat-sort-header-container {
    justify-content: end;
}

请注意，由于这发生在通过指令注入的新组件内部，因此需要在全局样式中发生。或者，你可以使用::ng-deep并将其放置在你的组件样式中，但它仍然会被提升为全局样式（阅读这里），所以效果基本相同。
下面是一个基于官方文档示例的stackblitz。

尝试在类中使用!important。