Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Cambiar de color dinámicamente el texto de una tabla

Ejemplo: Cambiar de color a rojo a un texto que se muestre en una tabla mayor de 20:

En el CSS:

.texto-color{
    color:red;
}

En el HTML:

<ng-container matColumnDef="numero">
<mat-header-cell *matHeaderCellDef mat-sort-header> Numero </mat-header-cell>
<mat-cell *matCellDef="let element" [ngClass]="{'texto-color': element.numero > 20}"> {{element.numero}} </mat-cell>
</ng-container>

Resultado:







No hay comentarios:

Publicar un comentario