纯CSS实现table固定thead,tbody进行滚动.html

2023年6月20日发(作者：)

纯CSS实现table固定thead,tbody进⾏滚动.htmlemmm。公司业务需求。所以⾃⼰写了⼀个表格固定,不过，⽹上也看到了另⼀种⽅法。都放出来。学习使⽤。效果⼀：代码⼀

效果⼆来源：代码⼆

姓名	年龄	出⽣年⽉	⼿机号码	单位
张三	18	1990-9-9		阿⾥巴巴
张三封	18	1990-9-9		阿⾥巴巴与四⼗⼤盗
张⼩三	18	1990-9-9		腾讯科技
张三	18	1990-9-9		浏阳河就业
张三疯⼦	18	1990-9-9		阿⾥巴巴
张三	18	1990-9-9		阿⾥巴巴
张⼤三	18	1990-9-9		阿⾥巴巴
张三五	18	1990-9-9		阿⾥巴巴
张刘三	18	1990-9-9		阿⾥巴巴
张三	18	1990-9-9		阿⾥巴巴

附带⼀个常⽤的表格功能。table设置不同列宽效果代码

2023年6月20日发(作者：)

纯CSS实现table固定thead,tbody进⾏滚动.htmlemmm。公司业务需求。所以⾃⼰写了⼀个表格固定,不过，⽹上也看到了另⼀种⽅法。都放出来。学习使⽤。效果⼀：代码⼀

效果⼆来源：代码⼆

姓名	年龄	出⽣年⽉	⼿机号码	单位
张三	18	1990-9-9		阿⾥巴巴
张三封	18	1990-9-9		阿⾥巴巴与四⼗⼤盗
张⼩三	18	1990-9-9		腾讯科技
张三	18	1990-9-9		浏阳河就业
张三疯⼦	18	1990-9-9		阿⾥巴巴
张三	18	1990-9-9		阿⾥巴巴
张⼤三	18	1990-9-9		阿⾥巴巴
张三五	18	1990-9-9		阿⾥巴巴
张刘三	18	1990-9-9		阿⾥巴巴
张三	18	1990-9-9		阿⾥巴巴

附带⼀个常⽤的表格功能。table设置不同列宽效果代码