纯css实现table固定首行、首列（主要应用在移动端）

postion的sticky粘性定位
粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。

sticky元素会“固定”在离它最近的一个拥有“滚动机制”的祖先上（当该祖先的overflow是hidden、scroll、auto、overlay时），即便这个祖先不是最近的真实可滚动祖先。

table-layout的fixed
table-layout css属性定义了用于布局表格单元格，行和列的算法。值可以是：auto、fixed。

auto
表格和单元格的宽度取决于其包含的内容。

fixed
表格宽度通过表格的宽度来设置，某一列的宽度仅由该列首行的单元格决定，其他行单元格的宽度不会影响整列的宽度。

分析：在表格中，某些列需要指定不同的宽度，所以表格的table-layout css属性需要设置为fixed
————————————————
版权声明：本文为CSDN博主「ClassicSong」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ernijie/article/details/107978681

原理
表格左右拆分，再上下拆分，最后拆分为四个table容器
滚动右下table时，加scroll事件，控制左下scrollTop与右上scrollLeft两个table的scroll值
注意
左下、右上overflow: hidden,右下overflow: scroll
左下、右下最后需要新增<td style="visibility: hidden;"></td>,以防右下滚动条影响四个表格对不齐
注意td宽高，最好限制死
————————————————
版权声明：本文为CSDN博主「Stavin Li」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_37285193/article/details/85336724