前言
在后台管理系统中，经常会有大量表格，且表格内容很多。我们通常为了方便浏览数据，需要对表格做一些特效，今天我要用最简单的CSS属性position实现的是：【表头吸顶】，【固定第一列】。
提示：以下是本篇文章正文内容，下面案例可供参考
一、position: sticky[css]
sticky 英文字面意思是粘，粘贴，所以可以把它称之为粘性定位。
position: sticky; 基于用户的滚动位置来定位。
粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。
这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。
注意：
父元素不能设置overflow:hidden或者overflow:auto属性。
必须指定top、bottom、left、right4个值之一，否则只会处于相对定位
扫描二维码关注公众号，回复：
12466512 查看本文章
二、代码实现
1.表头吸顶
.tb1-head th {
position: sticky;
top: 0px;
background: yellowgreen;
}
2.第一列固定
.tb2 td.td-sticky,
.tb2 th.th-sticky {
position: sticky;
left: 0px;
background: yellowgreen;
z-index: 99;
}