本文介绍了一种使用CSS实现表格固定表头滚动的方法，并解决了thead与tbody单元格对齐的问题。通过设置table、tbody及thead的样式，使得表格在滚动时表头始终保持可见，同时调整宽度确保内容对齐。
table tbody {
display:block;
height:500px;
overflow-y:scroll;
}
table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
table thead {
display:block;
height:500px;
overflow-y:scroll;
}
table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
table thead {
width: calc( 100% - 1em )
该方法可以实现一个table固定表头滚动，有一个缺点就是thead和tbody的th与td连接有点偏差，大概相差17px
解决这个办法可以使用thead和tbody各用一个table
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
