7
Tengo la siguiente tabla, con la primera línea que contiene 2 sublíneas y la segunda que contiene 3 sublíneas.Html multilines tables (rowspan): ¿cómo cebrar de la manera correcta?
Poco Con este estilo CSS, el color de la cebra (es decir, color alternativo en dos filas consecutivas) es defectuoso, segunda celda principal será de color blanco y no gris:
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
¿Hay alguna manera de que el color de cebra coloque una mesa de la manera correcta?
Por supuesto, mi problema real se ocupa de muchas más filas, con un número mucho más variable de sublíneas.
<head>
<style>
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
</style>
<head>
<body>
<table border="1">
<tr>
<td rowspan="2">
Big1
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td rowspan="3">
Big2
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td>
small3
</td>
</tr>
</table>
</body>
¿Qué es un "color cebra"? – Oded
Agregó una definición para el color de cebra: alterna el color en dos filas consecutivas – Vinzz
¿Cómo quieres que sean las rayas de cebra? – BoltClock