html表格水平滚动为特定列启用

<div style="overflow-x: auto;">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

<div style="overflow-x: auto;">
  <table>
    <thead>
      <tr>
        <th>列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
        <th>列6</th>
        <th>列7</th>
        <th>列8</th>
        <th>列9</th>
        <th>列10</th>
        <th>列11</th>
        <th>列12</th>
        <th>列13</th>
        <th>列14</th>
        <th>列15</th>
        <th>列16</th>
        <th>列17</th>
        <th>列18</th>
        <th>列19</th>
        <th>列20</th>
      </tr>
    </thead>
    <tbody>
      <!-- 表格内容 -->
    </tbody>
  </table>
</div>

<div style="overflow-x: auto;">
  <table>
    <thead>
      <tr>
        <th>列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
        <th>列6</th>
        <th>列7</th>
        <th>列8</th>
        <th>列9</th>
        <th>列10</th>
        <th>列11</th>
        <th>列12</th>
        <th>列13</th>
        <th>列14</th>
        <th>列15</th>
        <th>列16</th>
        <th>列17</th>
        <th>列18</th>
        <th>列19</th>
        <th>列20</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><div style="display: inline-block;">内容1</div></td>
        <td><div style="display: inline-block;">内容2</div></td>
        <td><div style="display: inline-block;">内容3</div></td>
        <td><div style="display: inline-block;">内容4</div></td>
        <td><div style="display: inline-block;">内容5</div></td>
        <td><div style="display: inline-block;">内容6</div></td>
        <td><div style="display: inline-block;">内容7</div></td>
        <td><div style="display: inline-block;">内容8</div></td>
        <td><div style="display: inline-block;">内容9</div></td>
        <td><div style="display: inline-block;">内容10</div></td>
        <td><div style="display: inline-block;">内容11</div></td>
        <td><div style="display: inline-block;">内容12</div></td>
        <td><div style="display: inline-block;">内容13</div></td>
        <td><div style="display: inline-block;">内容14</div></td>
        <td><div style="display: inline-block;">内容15</div></td>
        <td><div style="display: inline-block;">内容16</div></td>
        <td><div style="display: inline-block;">内容17</div></td>
        <td><div style="display: inline-block;">内容18</div></td>
        <td><div style="display: inline-block;">内容19</div></td>
        <td><div style="display: inline-block;">内容20</div></td>
      </tr>
      <!-- 其他行 -->
    </tbody>
  </table>
</div>