CSS实现表格头部thead固定

css

开发项目中想要实现表格的头部固定，也就是说thead要随着页面滚动永远显示，可以用css或者js方式来实现：

css 实现方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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