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)