要固定table表格的第一行(列)或某几行（列）不随滚动条滚动

要固定表格的第一行或某几行不随滚动条滚动，可以使用CSS的position: sticky属性和额外的HTML标记来实现。
下面是一个示例代码，演示如何固定表格的第一行：

<div class="table-test">
  <table>
    <thead>
      <tr class="sticky-row">
        <th> 1</th>
        <th> 2</th>
        <th> 3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Column 1</td>
        <td>Column 2</td>
        <td>Column 3</td>
      </tr>
      <tr>
        <td> Column 4</td>
        <td> Column 5</td>
        <td> Column 6</td>
      </tr>
      <!-- more rows... -->
    </tbody>
  </table>
</div>

.table-test {
 //overflow-x: auto;  //固定列操作
  overflow-y: auto;
}

.sticky-row {
  position: sticky;
  //left；0; //固定左边一列
  top: 0; //固定行
  background-color: white;
}

在上面的代码中，我们将表格包装在一个具有垂直滚动条的容器中（.table-test）。然后，我们为需要固定的行（在这里是第一行添加了一个类名（.sticky-row）。该类定义了position: sticky;属性将元素的位置设置为粘性定位，并使用top: 0;将其粘在顶部。

通过使用包装容器和设置容器的overflow-y: auto;属性，当表格内容超出容器高度时，会出现垂直滚动条，从而使固定的行能够保持可见。
如果要固定多行，请给需要固定的行都添加.sticky-row类名，并应用相同的CSS样式。