粘性定位(position:sticky)实现固定表格表头、固定列

* 使用position:sticky属性固定表头遇到的坑

  滚动时固定行和列的左右边框会消失,采用伪元素模拟右边框和下边框,并且给最外层容器添加左边框和上边框,而且滚动时还有个莫名奇妙的问题,左边的文字竟然在那边框区域1px像素的区域显示出来一点

采用模拟边框后这个问题也一并解决了。

z-index问题,z-index要从左上角至两边递减,左上角的th要把z-index设的最大,否则滚动时右边的的th和下面的td会把第一个th盖住

 今天就不上代码了!

 

原文地址:https://www.cnblogs.com/nljy/p/14078221.html