Table - Example
table,
th,
td {
border: 1px solid black;
}
tr:hover {
background-color:coral;
}
<table>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
<tr>
<td>Dados1</td>
<td>Dados1</td>
<td rowspan="2">Dados1 Rowspan</td>
</tr>
<tr>
<td>Dados1</td>
<td>Dados1</td>
</tr>
<tr>
<td>Dados2</td>
<td>Dados2</td>
<td rowspan="2">Dados2 Rowspan</td>
</tr>
<tr>
<td>Dados2</td>
<td>Dados2</td>
</tr>
</table>
How can I use the hover effect to change the color of the full line as in the image below?
Example :