如何停止在表格的某些部分滚动

Question

我的页面中有一张表如下：

<div style="overflow-x: scroll; width:300px;">
<table>
   <tr>
   <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
   <td>&nbsp;</td>
</tr>
</table>

现在表格在x方向滚动。但我想阻止第一列和第二列滚动。请帮忙