如何将Angular Material表列标题和mat-cell内容居中

Question

任何人都可以提供如何居中（或向右移动）Angular Material表头和单元格文本的简明说明吗？似乎有很多关于需要/深度/和其他版本，可能会或可能不会被弃用。

Answer 1

你可以创建css类

.centre {
  text-align: center
}

并将其添加到您的HTML

<th mat-header-cell *matHeaderCellDef class="centre"> Symbol </th>

就像这里：https://stackblitz.com/edit/angular-qfav5c?file=app%2Ftable-basic-example.css

Answer 2

你可以使用text-align: center

这是一个从Material docs调整的StackBlitz示例