hola tengo un problema ayudenme a solucionarlo
Dado que el color de fondo NO dependerá de la información del índice par/impar, simplemente debe utilizar otro enfoque para el estilo.
Lo que haría personalmente es usar clases CSS para identificar las filas pares/impares iniciales y cuando una fila se extienda, dé a sus hijos la misma clase.
No compartiste el código 'expandir', así que realmente no sé cómo podrías hacer eso, pero algo así:
<tr key={i} className={`Itable-row-default table-row-${i} ${i%2 === 0 ? 'table-white' : 'table-grey'}` } > <td colspan={columnData.length + 1}> {dataExpand[i]} </td> </tr>
Y el css asociado
tr { &.table-gray { background: gray; } &.table-white { background: white; }
}
Dependiendo del método 'onExpandHandler' y el formato de su modelo inicial, esto podría necesitar algunas adaptaciones :)
(Ah, y deberías favorecer las capturas de pantalla para las imágenes: p)