博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
thead 固定,tbody 超出滚动(附带改变滚动条样式)
阅读量:6187 次
发布时间:2019-06-21

本文共 733 字,大约阅读时间需要 2 分钟。

table tbody {
max-height: 500px; display: block; overflow-y: auto; } table thead, table tbody tr {
width: 100%; display: table; table-layout: fixed; } table thead {
width: calc(100% - 3px); /*减去默认滚动条的宽度,让thead 与tbody 对齐*/ }
table tbody::-webkit-scrollbar { width: 3px;}  /*设置滚动条的宽度,让thead 与tbody 对齐*/
/*改变滚动条的宽度和样式*/
table tbody::-webkit-scrollbar {
width: 3px;}
table tbody::-webkit-scrollbar-track{
background-color:#f0f0f0;}
table tbody::-webkit-scrollbar-thumb{
background-color:#CCCCCC;}
table tbody::-webkit-scrollbar-thumb:hover {
background-color:#CCCCCC;}
table tbody::-webkit-scrollbar-thumb:active {
background-color:#CCCCCC;}
 

转载于:https://www.cnblogs.com/zerozq/p/9138320.html

你可能感兴趣的文章
vue.js+webpack在一个简单实例中的使用过程demo
查看>>
python Events
查看>>
Asp.Net MVC4.0 官方教程 入门指南之二--添加一个控制器
查看>>
java 接口的运用
查看>>
csv分隔符
查看>>
02-NLP-08-条件随机场与应用
查看>>
WordPress用户登录后重定向到指定页面
查看>>
shit-------------mysql没有full join 语句
查看>>
做为一个Android程序员你应该会哪些
查看>>
IOS文件操作
查看>>
linux快速删除某个文件夹及内容
查看>>
java简写名词解释
查看>>
Gradle中使用SpringBoot插件构建多模块遇到的问题
查看>>
【mongodb 学习一】环境搭建之 mac 下连接 mongodb 的UI 客户端
查看>>
20155301 Makefile和MyOD和共享库
查看>>
HttpClient请求
查看>>
打造一个有感觉的Vim(二)
查看>>
C Looooops 同余方程(扩展欧几里得算法)
查看>>
Nginx负载均衡
查看>>
一个ClientDataset的Delta与XML相互转换
查看>>