i have table inside of a div. When ever the div is scrolling the first two columns of the table has to be freeze(always visible). How to do this with jquery.
here is the code where i need the help.
<div style="overflow: scroll; width: 1000px;">
<table border="2">
<tr>
<td style="width: 200px; background-color:Aqua;">
asd;alskd;laksd;lka
</td>
<td style="width: 200px; background-color:Aqua;">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
<td style="width: 200px">
asd;alskd;laksd;lka
</td>
</tr>
</table>
1 Answer