表格滚动吸顶示例

好的，以下是一个简单的表格滚动吸顶示例：

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
        <th>Header 4</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
        <td>Data 4</td>
      </tr>
      <!-- more rows... -->
    </tbody>
  </table>
</div>

.table-container {
  height: 300px;
  overflow-y: auto;
  position: relative;
}

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

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

tbody td {
  border: 1px solid #ddd;
  padding: 8px;
}

在这个示例中，我们使用了 `overflow-y: auto;` 属性，将表格容器设置为可滚动。我们还将表头单元格的位置设置为 `position: sticky; top: 0;`，这将使表头在滚动时保持固定在顶部位置。其他的表格样式可以根据需要进行调整。