原生table表格，固定表头，表格内容可滚轮滑动

要实现一个固定表头且表格内容可滚动的效果，您可以使用 CSS 中的 `position: fixed` 和 `overflow: scroll` 属性。以下是一个示例的 HTML 和 CSS 代码：

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
      </tr>
      <!-- 添加更多表格行 -->
    </tbody>
  </table>
</div>

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

.table-container table {
  width: 100%;
}

.table-container thead {
  position: sticky;
  top: 0;
  background-color: #e7e6e6;
}

在上述代码中，我们创建了一个包含一个 `<div>` 容器和一个 `<table>` 表格的 HTML 结构。通过给容器设置固定的高度并将 `overflow` 属性设置为 `auto`，我们可以实现表格内容可滚动的效果。

然后，我们使用 CSS 中的 `position: sticky` 和 `top: 0` 来固定表头。将这些样式应用于 `<thead>` 元素，使表头在滚动时保持固定位置。

您可以根据需要修改容器的高度和添加更多的表格行。请注意，如果表格中的内容过多导致表格高度超过容器高度，将会出现滚动条。