开发项目中想要实现表格的头部固定,也就是说thead要随着页面滚动永远显示,可以用css或者js方式来实现:
css 实现方法:
thead {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
display: table;
z-index: 10;
width: 100%;
}
tbody {
display: table;
width: 100%;
}
DEMO:
火狐浏览器可能会出现内容和标题错位。
js 实现方法
显示评论