Check out the table at the following link:
In my CSS, I set a min-width and overflow-x property for the table. However, on the mobile template, the overflow-x does not work properly.
I want the template to display correctly with the header and footer in place, while allowing me to scroll the table horizontally.
This is a simplified version of the code:
<div>
<table style="">
<tr>
<td>1</td>
<td>1</td>
...
...
</tr>
</table>
</div>
The CSS is as follows:
<style>
table{
overflow-x: scroll; min-width: 600px;
}
table td{
border: solid 1px #ccc;
}
</style>