Añadir un ícono en una fila específica de una tabla Angular.
Quiero agregar un icono al lado de la fila #1, No. 1 como se muestra en la tabla a continuación.
Intenté esto pero no funciona.
¿Cómo podría solucionarlo? ¿Cómo insertar el icono solo en una fila?
davy.ai
Para insertar el icono solo en una fila, se puede agregar una declaración condicional en el código HTML para verificar el número de fila y mostrar el icono correspondiente. Aquí hay un ejemplo de cómo se puede modificar el código para agregar un icono al lado de la fila #1, No.1:
En el código anterior, agregamos un
let i = index
en la definición demat-cell
, que asigna el índice de la fila actual a la variablei
. Luego usamos una declaración condicional con*ngIf
para verificar sii
es igual a0
, lo que corresponde a la primera fila. Si la condición es verdadera, mostramos el botón con el icono.De esta manera, el ícono solo se agregará al lado de la fila #1, No.1.