javascript - table出现滚动条，但是table thead固定不动怎么做？

Question

table 数据是动态添加，要让他出现竖向滚动条，滚动时thead不滚动怎么做？

<p style="width:500px; height:200px; overflow:scroll;">

姓名	性别	年龄
mary	女	20
tom	men	20
jack	men	30
cc	女	20
aa	女	20

</p>

Answer 1

table {
    position: relative;
    overflow-y: scroll;
}
thead {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

Answer 2

tbody { 
    display: block; 
    height: 200px; 
    overflow:scroll;
} 

Answer 3

表头用position：fixed来固定

Answer 4

No way. 拆吧

Answer 5

3楼和4楼加在一起是正解