Changement angulaire de la table de matériaux couleur de police
J'ai angulaire de la conception des matériaux composant de tableau, et je ne peux pas parvenir à changer la couleur des caractères d'une ligne sélectionnée.
Voici une partie de mon gabarit HTML:
<mat-table #table [dataSource]="dataSource" matSort flex layout="row" layout-fill>
<ng-container matColumnDef="segmentName">
<mat-header-cell *matHeaderCellDef mat-sort-header> Segment </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.segmentName}} </mat-cell>
</ng-container>
<ng-container matColumnDef="bestRider">
<mat-header-cell *matHeaderCellDef mat-sort-header> KOM </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.bestRider}} </mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;" (click)="setSelectedRow(row)" [ngClass]="{'highlight': selectedRowIndex == row.id}"></mat-row>
</mat-table>
Et une partie de css:
.highlight{
color: white;
background: #673AB7;
}
Si je clique sur une ligne, la couleur de fond de la "mettre en évidence" le style est appliqué correctement, mais la couleur de la police est toujours noir.
Quelqu'un pourrait-il m'aider ?
Merci !!
- Ce n'est pas le problème, vous pouvez appliquer le même au tapis de cellules aussi. plnkr.co/modifier/llObvMVOfFGKsus731Cx?p=info
Vous devez vous connecter pour publier un commentaire.
Vous devez remplacer la couleur des tapis de cellules:
ou également appliquer une classe css 'évidence' à tapis de cellules:
OK trouvé!!!
J'ai raté la "ligne" dans le "matCellDef":
Merci beaucoup!!!