table固定表头不滚动

要实现固定表头不滚动的效果，可以使用 CSS 的 `position: sticky` 属性。这将使表头在滚动时保持固定的位置。

以下是一个示例代码：

<style>
    table {
        width: 100%;
        border-collapse: collapse;
    }

    th {
        background-color: #f2f2f2;
        position: sticky;
        top: 0;
    }
</style>

<table>
    <thead>
        <tr>
            <th>列1</th>
            <th>列2</th>
            <th>列3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>数据1</td>
            <td>数据2</td>
            <td>数据3</td>
        </tr>
        <!-- 其他行数据 -->
    </tbody>
</table>

在上面的示例中，`th` 元素的样式设置了 `position: sticky;` 和 `top: 0;`，这将使表头在垂直滚动时保持固定在顶部。同时，`background-color` 属性可以用来设置表头的背景颜色。

注意，`position: sticky` 属性在一些旧版本的浏览器中可能不支持或存在兼容性问题。你可以通过使用 JavaScript 或其他库来实现类似的效果，如通过监听滚动事件来控制表头的位置。