table出现滚动条,但是table thead固定不动怎么做?

clipboard.png
table 数据是动态添加,要让他出现竖向滚动条,滚动时thead不滚动怎么做?

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

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

</div>

阅读 11.3k
5 个回答
table {
    position: relative;
    overflow-y: scroll;
}
thead {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
tbody { 
    display: block; 
    height: 200px; 
    overflow:scroll;
} 

表头用position:fixed来固定

No way. 拆吧

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题