加载中…table表格，thead固定，tbody溢出滚动实现方案
(2018-08-07 14:31:03) | 分类： css3技术 |
table
表格在PC端用的比较多，数据布局展示的一大利器，例如公司内部OA系统，数据报表系统，财务系统，客服系统等都会用到table数据表格，当数据较多时需要表头固定，内容区域滚动，方便查看对应数据。
效果如下：
*为保证表格头部与内容对齐，需要减去滚动条的宽度（此处为17px）
核心代码如下：
1. table-layout:fixed
设置列宽 display:table 设置子元素宽度
2. calculate(计算)
calc属性可以动态计算宽高，可使用%,px,rem等作为单位,可进行加减乘除运算
3. 设置固定高度，超出设置高度内容y轴滚动
轻松实现table数据溢出滚动的效， 解决了以往table头部与内容对不齐的痛点。
喜欢
0
赠金笔
前一篇：https建立连接过程
后一篇：什么是跨域，怎么解决跨域？