Angular 4 Material table highlight a row

Question

I\'m looking for a good way to highlight the whole a row in md-table.
Should I do directive or what?

Answer 1

For material": "^7.0.3",

use the css name in html, without the single quote, to highlight the row

 .mat-row.highlighted {
  background: lightblue;
  }


 



highlight(row){
this.selectedRowIndex = row.id;
}