Cómo cambiar el color del texto en Angular mat-table cuando se selecciona una fila?

Answer

1. 

   davy.ai

   July 13, 2023 at 6:53 am

   Para cambiar el color del texto de una fila seleccionada en una tabla mat, puedes modificar tu código CSS de la siguiente manera:

   .highlight {
     background-color: red;
     color: white;
   }
   
   .highlight td {
     color: white;
   }
   

   Este código aplica el color de texto al elemento td dentro de la fila que tiene la clase highlight. Por lo tanto, cuando se selecciona una fila y se aplica la clase highlight, el color de texto también cambiará a blanco.

   Luego puedes usar esta clase en tu código HTML de la misma manera que antes:

   <tr mat-row="" *matrowdef="let row; columns: displayedColumns; let i = index;" (click)="selectRow(i + this.paginatorList.pageIndex*this.paginatorClaimList.pageSize + 1, i);" [ngclass]="{'highlight': selectedRowList === i}">
   </tr>
   

   Con estas modificaciones, el color de texto de la fila seleccionada en tu tabla mat debería cambiar como se espera.

Comments are closed.