原生table如何实现表格首行标题冻结

要实现表格首行标题冻结，可以使用CSS的position: sticky特性。以下是一个简单的HTML和CSS示例，展示了如何实现。

HTML:

<table>
  <thead>
    <tr>
      <th>头部1</th>
      <th>头部2</th>
      <th>头部3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格的主体内容 -->
  </tbody>
</table>

CSS:

table {
  width: 100%;
  border-collapse: collapse;
}
 
th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
 
thead th {
  background-color: #f9f9f9;
  position: sticky;
  top: 0;
  z-index: 10;
}
 
tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

在这个例子中，thead th 设置了 position: sticky 和 top: 0，这会使得 <thead> 中的 <th> 在滚动时保持在顶部。z-index 确保它们浮于表格内容之上。

请注意，position: sticky 在某些旧浏览器中不受支持，因此请根据目标用户群的浏览器使用情况进行测试。