Matériau angulaire. mettre en surbrillance une ligne de la table

Question

nous utilisons la table de matériau angulaire pour notre application: 

https://material.angular.io/components/table/overview

<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>

pourriez-vous s'il vous plaît montrer comment mettre en surbrillance une ligne en survol de la souris?

Answer 1

Ajoutez des CSS avec le sélecteur :hover aux éléments mat-row:

.mat-row:hover {
  background-color: red;
}

Démo de StackBlitz

Answer 2

Vous pouvez styliser le composant dans votre fichier de thème:

 @mixin newName-theme($dark-theme)

    mat-table tbody tr:hover{
    cursor: pointer;
    background: #b4b4b433;
  }

 @include newName-theme($dark-theme);

vous pouvez trouver plus d'exemples ici