Hej, mam problem z tabelami. Muszę zrobić widok 3 kolumn do których wrzucam Sobie z bazy kolejne pozycje.
Wrzucając do 1 kolumny jakąś pozycje chce żeby border-bottom był na całą szerokość 3 kolumn. Tak jak na obrazku. Czy jest to możliwe bez JavaScriptu?
<table class="wszystko">
<table>
<tr>
<th>Firstname</th>
</tr>
<tr>
<td>Jill</td>
</tr>
<tr>
<td>Eve</td>
</tr>
</table>
<table>
<tr>
<th>Firstname</th>
</tr>
<tr>
<td>Jill</td>
</tr>
<tr>
<td>Eve</td>
</tr>
<tr>
<td>Eve</td>
</tr>
<tr>
<td>Eve</td>
</tr>
</table>
<table>
<tr>
<th>Firstname</th>
</tr>
<tr>
<td>Jill</td>
</tr>
<tr>
<td>Eve</td>
</tr>
<tr>
<td>Eve</td>
</tr>
<tr>
<td>Eve</td>
</tr>
<tr>
<td>Eve</td>
</tr>
<tr>
<td>Eve</td>
</tr>
</table>
</table>
<style>
table{
font-size: 21px;
display: inline-block;
vertical-align: top;
border-collapse: collapse;
padding: 10px;
}
.wszystko{
}
table tr {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: .35em;
}
</style>
I