I have 2 columns, one displays rows with information. Second column displays Actions button like Add, Edit, Copy, and Delete. When the user scrolls up or down, i want the action buttons to move up or down too. Here according to the option button checked beside each and every row of information some button will show and others will not show.

In the second action buttons column i have created a table of 1 column and 4 rows. How can i move this second table move up and down in the column column it is created when the user scrolls up or down?

--Table with one row and 2 columns
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="50%">&nbsp;</td> FIRST COLUMN TO SHOW INFORMATION
<td width="50%"> SECOND COLUMN TO SHOW ACTION BUTTONS
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="100%"><img src="blank.gif" name="imgAdd"></td>
</tr>
<tr>
<td width="100%"><img src="blank.gif" name="imgEdit"></td>
</tr>
<tr>
<td width="100%"><img src="blank.gif" name="imgCopy"></td>
</tr>
<tr>
<td width="100%"><img src="blank.gif" name="imgDelete"></td>
</tr>
</table>

</td>
</tr>
</table>

By default i am displaying the blank image, after all the rows are fetched, i'll make the option beside first row checked and then according to that the buttons will show or not show.