I have a html table with 250 columns and some hundres rows
like (Here I show only few rows and columns)

<table>
<tr>
<td>Date</td>
<td>Item1 quantity</td>
<td>Item2 quantity</td>
</tr>
<tr>
<td>12-01-03</td>
<td>14</td>
<td>2</td>
</tr>
<tr>
<td>15-01-03</td>
<td></td>
<td>18.5</td>
</tr>
</table>

Since table is too wide, I want that the first column (Date) is always visible in screen when user scrolls horizontally table.

Excel has similar functionality allowing to lock first column.

Any idea how to implement this ?

Should I use

1. Frames
2. IFRAME
3. Floating menu in leht side
4. CSS in some way
5. or is there a simpler solution ?

Is there any sample page in internet which implements this ?

My target browser is IE always.