固定table的第一行（表头），不随纵向滚动条滚动，但能横向滚动

要固定表头并允许纵向滚动，你可以使用 CSS 中的 `position: sticky` 属性。这个属性可以让元素在滚动到特定位置时固定在屏幕上。

首先，你需要将表格放在一个具有固定高度的容器中，并启用纵向滚动条。然后，在表格的 `<thead>` 元素中应用 `position: sticky` 和 `top: 0` 属性，以固定表头在容器中的顶部位置。

以下是一个示例的 HTML 和 CSS 代码：

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>表头1</th>
        <th>表头2</th>
        <th>表头3</th>
      </tr>
    </thead>
    <tbody>
      <!-- 表格内容 -->
    </tbody>
  </table>
</div>

.table-container {
  height: 300px; /* 设置容器的高度 */
  overflow-y: scroll; /* 启用纵向滚动条 */
}

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

thead th {
  position: sticky;
  top: 0;
  background-color: #f2f2f2;
}

这样，当你滚动表格内容时，表头会保持固定在容器的顶部，同时允许你通过横向滚动条水平滚动表格内容。

希望这可以帮助到你！如果你还有其他问题，请随时提问。