通过css样式给表格tbody加垂直滚动条tbody加滚动条实现思路:
1,把tbody设置成display:block,然后就对其⾼度设置⼀个固定值,overflow设置成auto。
2,把thead的tr设置成display:block。
3,因为都设置成block所以要给td⼿动添加宽度。
4,考虑到 tbody 产⽣了滚动条,这时会影响tbody以及thead的宽度,可以采⽤针对tbody设置::-webkit-scrollbar进⾏解决。代码实现:
.table thead tr {
display:block;
}
.table tbody {
display: block;
height: 100px;css设置表格滚动条
overflow: auto;
}
.table th {
width:20%;
}
.table td {
width:20%;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论