html表格左右滑动的时候第一列固定，上下滑动的时候表头固定

您可以使用CSS中的position属性和overflow属性来实现表格的固定列和固定表头效果。具体实现方法如下：

1. 将表格分为三个部分：表头、左侧固定列和滚动区域。

2. 使用CSS的position:fixed属性将表头固定在屏幕顶部。

3. 使用CSS的position:absolute属性将左侧固定列固定在表格左侧。

4. 使用CSS的overflow:auto属性将表格的滚动区域设置为可滚动。

5. 在滚动区域中使用CSS的position:relative属性和left属性，使其向右偏移一个固定列的宽度，从而留出固定列的空间。

下面是一个示例代码：

<style>
table {
  width: 100%;
  border-collapse: collapse;
}
thead {
  position: fixed;
  top: 0;
  background-color: #fff;
}
tbody {
  overflow: auto;
  height: 300px;
  position: relative;
}
tbody td:first-child {
  position: absolute;
  left: 0;
  width: 150px;
  background-color: #fff;
}
</style>

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
      <th>表头4</th>
      <th>表头5</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>固定列1</td>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
      <td>数据4</td>
    </tr>
    <tr>
      <td>固定列2</td>
      <td>数据5</td>
      <td>数据6</td>
      <td>数据7</td>
      <td>数据8</td>
    </tr>
    <!-- more rows -->
  </tbody>
</table>

您可以根据实际情况调整代码中的样式和属性，以达到最佳的效果。