html中 table共有20列，左右滚动条显示 ，前2列冻结不滚动

这个问题可以通过CSS中的position:sticky属性来解决。你可以将前两列的单元格设置为position:sticky，并将其left属性设置为0，使其固定在左侧。然后，你可以将表格放在一个包含overflow-x:scroll属性的容器中，这样就可以使用水平滚动条滚动剩余的列。

下面是一个基本的示例代码：

<div style="overflow-x:scroll;">
  <table>
    <thead>
      <tr>
        <th style="position: sticky; left: 0;">列1</th>
        <th style="position: sticky; left: 0;">列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
        <!-- ... 其他列 ... -->
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <td>内容</td>
        <!-- ... 其他单元格 ... -->
      </tr>
      <!-- ... 其他行 ... -->
    </tbody>
  </table>
</div>

上面的代码中，div容器具有overflow-x:scroll属性，它将表格放在一个可以滚动的容器中。前两列的单元格具有position:sticky属性，并将其left属性设置为0，这样它们将固定在左侧。其他列会随着水平滚动而滚动。

注意：position:sticky属性目前不支持IE浏览器。