Как центрировать заголовки столбцов таблицы Angular Material и содержимое ячеек матрицы

Question

Может ли кто-нибудь дать краткое объяснение того, как центрировать (или переместить вправо) заголовок таблицы угловых материалов и тексты ячеек?Кажется, есть много о необходимости / Deep / и других версий, которые могут быть или не могут быть признаны устаревшими.

Answer 1

Вы можете использовать text-align: center

Вот пример StackBlitz , настроенный из материалов документа

Answer 2

используйте этот стиль с !important

th.mat-header-cell {
  text-align: center !important;
}

Answer 3

Вы можете создать класс 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