jquery - 如何在滚动时卡住表格的前两列

Question

我在 div 中有表格。当 div 滚动时，表格的前两列必须卡住(始终可见)。如何使用 jquery 执行此操作。

这是我需要帮助的代码。

<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>

Answer 1

<td style="width: 200px; background-color:Aqua; position:fixed;">
    asd;alskd;laksd;lka
</td>
<td style="width: 200px; background-color:Aqua;position:fixed;">
    asd;alskd;laksd;lka
</td>