jquery固定table表头
时间: 2023-08-03 20:02:37 浏览: 204
bootstrap-table表头固定(全局)
您可以使用以下CSS和JavaScript代码来固定表头:
CSS代码:
```
table {
table-layout: fixed;
width: 100%;
}
thead {
display: table-header-group;
}
tbody {
display: table-row-group;
}
```
JavaScript代码:
```
$(window).scroll(function() {
var scrollTop = $(this).scrollTop();
var tableOffset = $('table').offset().top;
if (scrollTop > tableOffset) {
$('thead').addClass('sticky');
} else {
$('thead').removeClass('sticky');
}
});
```
这里假设您的表格是一个普通的HTML表格,您需要将上述代码与您的表格标记和样式一起使用。请注意,这种方法只适用于纯HTML表格,不适用于使用JavaScript或jQuery创建的表格。
阅读全文