table tbody {
display:block;
height:200px;
overflow-y:scroll;
overflow-x:hidden; // pc网页需要加上
-webkit-overflow-scrolling: touch; // 为了滚动顺畅
}
table tbody::-webkit-scrollbar {
display: none; // 隐藏滚动条,pc网页去掉这个
}
table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
table thead {
width: calc( 100% - 1em )
}
table thead th{ background:#ccc;}
Table加滚动条
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 网上说的滚动到第一行:(对我的表格往后翻页都有效 就是第一页不行) ps:这里有点傻了,只想着复制粘贴,其实这里在...
- 1、template模板中引用table组件,代码如下: 2、style(scoped)样式表中修改表格样式,代码...
- 示例地址: https://codepen.io/joshuarule/pen/rjRJog?edito...