I mounted a table in css, however I'm having a problem, I wanted to leave the line with colspan attached to the top line. Notice that the colors do not match, that is, the color of the line with colspan has to be the same color as the top line.
.tab_dados {
width: 100%;
border-collapse: collapse;
text-align: center;
}
.tab_dados a {
color: #484848;
text-decoration: none;
}
.tab_dados th {
background: #0091FF;
color: #FFFFFF;
font-style: italic;
}
.tab_dados tr {
height: 50px;
border-bottom: 1px solid #D5D5D5;
}
.tab_dados tr:nth-child(odd) {
background: #F7F7F7;
}
.tab_dados tr:nth-child(even) {
background: #FFFFFF;
}
.tab_dados tr:hover {
background: #F1F1F1;
}
tfoot tr td {
border: 0;
height: 40px;
}
.tfoot {
width: 100%;
}
<!-- TABELA -->
<table class="tab_dados">
<tr>
<th>ccc</th>
<th>ccc</th>
<th>cccc</th>
<th>ccc</th>
<th>cccc</th>
</tr>
<tr>
<td> </td>
<td>xxxx</td>
<td>xxxx</td>
<td>xxxxx</td>
<td>xxxx</td>
</tr>
<tr>
<td colspan="5">Essa linha tem que ficar unica com a linha de cima</td>
</tr>
<tr>
<td> </td>
<td>xxxx</td>
<td>xxxx</td>
<td>xxxxx</td>
<td>xxxx</td>
</tr>
<tr>
<td colspan="5">Essa linha tem que ficar unica com a linha de cima</td>
</tr>
<tr>
<td> </td>
<td>xxxx</td>
<td>xxxx</td>
<td>xxxxx</td>
<td>xxxx</td>
</tr>
<tr>
<td colspan="5">Essa linha tem que ficar unica com a linha de cima</td>
</tr>
</table>