If you have a <table> that is very tall or wide and you want it to wrap for screen display, how can this be achieved using CSS?
For example, a table that is 300% page height and 30% page width would be divided into three parts.
#
#
#
#
#
#
becoming
# # #
# # #
I am seeking a purely CSS-based solution, is this feasible?
Edit: HTML Sample
<table>
<thead>
<tr>
<th>Foo</th>
<th>Bar</th>
<th>Baz</th>
</tr>
</thead>
<tbody>
<tr>
<td>6</td>
<td>1</td>
<td>5</td>
</tr>
<tr>
<td>42</td>
<td>5</td>
<td>34</td>
</tr>
[snip 100 lines]
<tr>
<td>4</td>
<td>0</td>
<td>3</td>
</tr>
</tbody>
</table>