I've a
table with 2 columns and each column is 800px wide. I want to show this
table in 800x50 window. So there should be horizontal and vertical scrollbar to view complete
table.
While I've found few related solutions (this and this) on SO, they only work if
table width is smaller than screen size. In my case screen size is 1200px and total
table width is 1600px.
How could I do this? i want to achieve something like this.
EDIT
Oops, I forgot to add one more requirement. Sorry. I want the header of the
table to remain fixed while user scrolls
table.
EDIT2
I've tried below mentioned solutions to wrap in a div, but in this case vertical scrollbar doesn't show up. Please see this
table with wrapper div. It seems this problem only occurs if
table width is bigger than screen size. I'm testing on FF3.6.
EDIT3
current
table code:
<div style="overflow:scroll; width:800px;height:50px" >
<table style="width:1600px" border="1">
<thead>
<tr>
<th style="width:800px">id_1</th>
<th style="width:800px">id_1</th>
</tr>
</thead>
<tbody style="">
<tr><td>1200</td><td>1200</td></tr>
<tr><td>1200</td><td>1200</td></tr>
<tr><td>1200</td><td>1200</td></tr>
<tr><td>1200</td><td>1200</td></tr>
<tr><td>1200</td><td>1200</td></tr>
<tr><td>1200</td><td>1200</td></tr>
</tbody>
</table>
</div>
