原文:怎么给tbody加滚动条?通过css样式给表格tbody加垂直滚动条

tbody加滚动条实现思路: ,把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto。 ,把thead的tr设置成display:block。 ,因为都设置成block所以要给td手动添加宽度。 ,考虑到 tbody 产生了滚动条,这时会影响tbody以及thead的宽度,可以采用针对tbody设置:: webkit scrollbar进行解决 ...

2020-06-05 17:22 0 568 推荐指数:

查看详情

通过css样式表格tbody垂直滚动条

tbody滚动条实现思路: 1,把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto。 2,把thead的tr设置成display:block。 3,因为都设置成block所以要给td手动添加宽度。 4,考虑到 tbody 产生 ...

Thu Aug 22 04:00:00 CST 2019 0 433
CSS 设置table下tbody滚动条

table tbody { display:block; height:195px; overflow-y:scroll; } table thead, tbody tr { display:table; width:100 ...

Thu Jun 28 02:41:00 CST 2018 0 2674
CSS,table的thead固定,tbody显示滚动条

以下代码,仅在谷歌下测试过 首先是html的table的代码: 下面是css代码, 浏览器窗口比table宽的时候显示的是正常的,但是浏览器的宽度缩小的时候会出现thead和tbody对不齐的情况,如下图 之后,修改css如下, 分别 ...

Thu Jul 16 03:44:00 CST 2015 0 23326
CSS 设置table下tbody滚动条

table tbody { display:block; height:195px; overflow-y:scroll; } table thead, tbody tr { display:table; width:100 ...

Thu Dec 21 00:38:00 CST 2017 0 1457
在Table的Tbody中实现滚动条滚动

功能描述:     在一个Table中实现表头固定不动,内容部分实现通过滚动条滚动。 实现效果:          当页面宽度变宽时,只有最后一列的宽度会改变。           逻辑实现:     1、将表头和内容分别使用两个table标签包裹 ...

Tue Dec 27 18:25:00 CST 2016 2 12423
div如何滚动条

<div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示:overflow :yesdiv 设置滚动条自适应显示:overflow :autodiv 设置上下滚动条 ...

Tue Nov 22 22:16:00 CST 2016 0 2111
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM