koti42 https://jsfiddle.net/0rLe62ph/
<table>
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
</tr>
</thead>
<tbody>
<tr>
<td>Hi, I'm your first cell.</td>
<td>I'm your second cell.</td>
<td>I'm your third cell.</td>
<td>I'm your fourth cell.</td>
<td>⋮</td>
</tr>
<tr>
<td>Hi, I'm your first cell.</td>
<td>I'm your second cell.</td>
<td>I'm your third cell.</td>
<td>I'm your fourth cell.</td>
<td>⋮</td>
</tr>
<tr>
<td>Hi, I'm your first cell.</td>
<td>I'm your second cell.</td>
<td>I'm your third cell.</td>
<td>I'm your fourth cell.</td>
<td>⋮</td>
</tr>
<tr>
<td>Hi, I'm your first cell.</td>
<td>I'm your second cell.</td>
<td>I'm your third cell.</td>
<td>I'm your fourth cell.</td>
<td>⋮</td>
</tr>
</tbody>
</table>
table {
border-collapse:collapse;
display:block;
}
thead {
border:1px solid #CCC;
border-radius:4px;
display:block;
background-color:#FFF;
margin-bottom:5px;
}
tbody {
display:block;
}
thead tr, tbody tr {
display:flex;
}
thead tr th, tbody tr td {
flex: 1 1 0%;
padding:5px;
text-align:left;
}
tbody tr {
border:1px solid #CCC;
border-radius:4px;
background-color:#FFF;
margin-bottom:5px;
}
thead tr th:last-child, tbody tr td:last-child {
flex:none;
}