bootstrap table固定表头不滚动

要固定Bootstrap表格的表头，请使用以下CSS代码：

.table-fixed thead {
width: 100%;
}

.table-fixed tbody {
height: 230px; /*可根据需要调整高度*/
overflow-y: auto;
width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead>tr>th {
float: left;
border-bottom-width: 0;
}

.table-fixed thead>tr>th {
background-color: #f1f1f1; /*可根据需要更改颜色*/
}

请将上述CSS代码添加到您的CSS文件中，并将表格的class设置为“table-fixed”。

例如：

<table class="table table-fixed">
<thead>
<tr>
<th>表头 1</th>
<th>表头 2</th>
<th>表头 3</th>
<th>表头 4</th>
<th>表头 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容 1</td>
<td>内容 2</td>
<td>内容 3</td>
<td>内容 4</td>
<td>内容 5</td>
</tr>
<!-- 其他行 -->
</tbody>
</table>