Angulaire Du Matériel. pour mettre en surbrillance une ligne de la table sur la souris sur

nous sommes Angulaire à l'aide de Matériel de table pour notre application:

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

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

pourriez-vous nous montrer comment mettre en surbrillance une ligne à la souris passe dessus?

InformationsquelleAutor Vladyslav Plakhuta | 2018-04-09
  1. 28

    Ajouter un peu de CSS avec le :hover sélecteur de la mat-row éléments:

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

    StackBlitz démo

    • matelas à langer-ligne indésirables..
    • Je veux dire quelque chose comme ceci: (onmouseover) highlightedRow.indexOf(ligne) de style.background = "gris"
    • Ce n'est pas le Material vous pouvez changer le thème de toutes les autres Matières survolez va changer, mais pas celui-ci en particulier
    • Ce n'est pas de changer le thème, c'est un plus de la matière thème de comportement. Pouvez-vous préciser ce qu'est "le Matériel" de le faire?
    InformationsquelleAutor p4r1
  2. 3

    Vous pouvez faire ce style 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

    InformationsquelleAutor Sandy Veliz