В таблице Angular 4 Material выделите строку и измените выбранный цвет строки

Question

Я хочу изменить цвет строки, когда я выбираю ее в моей таблице матов.
Я уже знаю это для background color, но я не могу изменить цвет строки в white, если я выбрал его в своей таблице

Answer 1

Вы можете добавить класс по умолчанию, скажем, class="table-row" и tabindex="1" к <mat-row> как

<mat-row class="table-row" tabindex="1" 
*matRowDef="let row; columns: displayedColumns;"></mat-row>

И в файле css напишите

.table-row:focus {
  background: tomato;
  outline: none;
}
.table-row:focus mat-cell {
  color: white; 
}

Stackblitz Демо-подсветка строки таблицы при клике с измененным цветом

Answer 2

Можете ли вы попробовать это:

в html:

  <mat-row [ngClass]="{'selected': selectedRowIndex == row.id}">
    </mat-row>

в css:

.selected {
    color: white;
}