bootstrap3固定表头

要在 Bootstrap 3 中实现固定表头，可以使用以下 CSS 和 JavaScript 代码：

CSS：

.fixed-header {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed-header th, .fixed-header td {
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.fixed-header thead {
    position: fixed;
    background-color: #fff;
}

.fixed-header tbody {
    display: block;
    overflow: auto;
    height: 200px; /* 调整高度以适应需要的高度 */
}

JavaScript：

$(function() {
    var table = $('.fixed-header');
    var header = table.find('thead');
    var body = table.find('tbody');

    body.scroll(function() {
        header.css('transform', 'translateY(' + this.scrollTop + 'px)');
    });
});

在 HTML 中，您只需要将表格添加到具有 `fixed-header` 类的 `div` 元素中，如下所示：

<div class="fixed-header">
    <table class="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>
</div>

这将使表格的表头固定在页面顶部，而表格的其余部分将可以滚动。