通过css样式给表格tbody加垂直滚动条
2024-08-24 13:37:10
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;
overflow: auto;
}
.table th {
width:%;
}
.table td {
width:%;
}
最新文章
- jQuery siteslider 动画幻灯片
- IIS错误代码表
- MyJFrame(文本)界面的建立
- Android 安装过程中的问题
- [Unit Testing] Based on input value, spyOn function
- 在 Inno Setup 中实现倒数N秒后激活按钮
- Asp.net Role manager tutorial
- readv和writev函数
- Eclipse用法和技巧七:自动生成get和set方法2
- 重新想象 Windows 8 Store Apps (18) - 绘图: Shape, Path, Stroke, Brush
- 解题笔记-洛谷-P1010 幂次方
- 【吃炸弹的鸽子UVA10765-双联通模板】
- Java实现单例模式的9种方法
- 一分钟理解 HTTPS 到底解决了什么问题
- MVC数据库连接
- H3C交换机限制子网之间的相互访问
- axios post参数为空
- Vue 1.0 和 2.0 执行顺序
- python中的*和**参数传递机制
- js在类似数组的对象中使用push