I'm trying to have a very big table with fixed cell widths and the parent container overflowing. Here is a fiddle where I want the container to overflow. Why is it not working and how to do it properly?
.container {
overflow: scroll;
}
.tracks-container {
table-layout: fixed;
}
.sequencer-cell {
border: 1px solid #ccc;
width: 25px;
}<div class="container"><table class="tracks-container"><tbody><tr><th>reese</th><td class="sequencer-cell"> </td>
...62 other cells...<td class="sequencer-cell"> </td></tr><tr><th>guitar</th><td class="sequencer-cell"> </td>
...62 other cells...<td class="sequencer-cell"> </td></tr></tbody></table></div>