CSS实现表格头部thead固定 返回首页

发表于 2018-06-19 | 本文共 100 字

开发项目中想要实现表格的头部固定,也就是说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 实现方法

表头固定js


显示评论