html-table tbody加滚动条-白红宇

html-table tbody加滚动条

阅读量：6114 次

发布时间：2019-06-21

本文共 1767 字，大约阅读时间需要 5 分钟。

思路就是

1，把tbody设置成display:block，然后就对其高度设置一个固定值，overflow设置成auto。

2，把thead的tr设置成display:block。

3，因为都设置成block所以要给td手动添加宽度 width:200px

亲测有效


    
                     Id         Name         Category         MonthAmount         hasBackUp         score        
      
                     23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00        
               23         South Bearing         Glass/Material         1234444         TRUE         3456.00

Id	Name	Category	MonthAmount	hasBackUp	score
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00
23	South Bearing	Glass/Material	1234444	TRUE	3456.00

css代码:

.table thead tr { display:block; } .table tbody { display: block; height: 200px; overflow: auto; } .table th { width:20%; } .table td { width:20%; }

开源中国改版之后第一次写博客耶，新版本再熟悉中

转载于:https://my.oschina.net/u/1376153/blog/730116

你可能感兴趣的文章

Linux系统开机启动过程

查看>>

linux Mint 初次安装，无法用ssh客户端连接

查看>>

iOS 捕获全局异常，统一收集

查看>>

Mastering Symfony2 Performance – Doctrine

Windows Server 2012 Hyper-V新特性(1)

git@osc中协作开发、复制项目、贡献代码

《统一沟通-微软-培训》-2-部署-反向代理

查看>>

未出行的车票

查看>>