表格（table）列太多，实现固定列，滚动条滑动

您可以使用CSS的position和overflow属性来实现这个效果。首先，将表格放在一个固定大小的容器中，并设置 overflow: auto;。然后，将表格的第一列设置为 position: sticky;。这样，当您水平滚动表格时，第一列将保持固定位置，而其他列将滚动。

下面是一个示例代码：

HTML:

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>固定列</th>
        <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>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
        <td>内容4</td>
        <td>内容5</td>
        <td>内容6</td>
        <td>内容7</td>
        <td>内容8</td>
        <td>内容9</td>
        <td>内容10</td>
        <td>内容11</td>
        <td>内容12</td>
        <td>内容13</td>
        <td>内容14</td>
        <td>内容15</td>
      </tr>
      <!-- 其他行 -->
    </tbody>
  </table>
</div>

CSS:

.table-container {
  width: 600px;
  height: 300px;
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 8px;
  border: 1px solid #ccc;
}

th:first-child, td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}

您可以根据自己的需求更改容器的宽度和高度以及表格的列数。