流水账思路 表格固定表头和列

自己记录下流水账，搞了一个礼拜，最终用原生table，写死td宽度，渲染四张表格，计算需要遮住的宽高，多余部分 overflow:hidden。

场景：用的ts,后端返回没处理过的表格数据，需要自己计算x轴y轴偏移量，合并，返回的是一个二维数组，头为object 内容为string。（导师处理完的，动态渲染多维度，比较复杂）

单独固定行头 渲染两张表 一张表内容 display:none, overflow:hidden 都可以实现

两个同时固定的思路好几个都到了最后一步没办法解决
① 渲染四个表格，分别遮行头列头 和重复的地方，不需要的部分 visiablity:hidden
但是他占位置，无法拖动底层表格的滚动条（用穿透可以，但是有兼容性问题）
②把①的换成display:none; 但是列头隐藏一部分之后 表格会自动计算宽，会错位。
③挪用组件库 el-table 把表头处理成树后塞入，固定列的右边第一列会消失。
antd 头和数据分开处理完，所有的单数列会消失，但是发现他加了个 color:transparent 重写就可以解决。但是当列少的时候，固定部分又有错位。
④就用一张表 用transform:translateX()来计算偏移，但是position:relative时 表格的边框不会一起偏移，中间空出1px 。。。。（在w3c上明明是可以的）
绝对定位边框可以但是 宽度无法自己计算。
去掉边框自己加div边框，合并的地方无法处理
⑤ 渲染四个表格，给每个父容器设置宽高，然后hidden，table竟然在父容器变的时候 也自动计算宽度了…
看了这个 https://blog.csdn.net/weixin_30455365/article/details/98309484
发现好像只能写死了，或者每个td都自动计算，赋值宽度。
最后就写死了…我也死了…总算搞出一个能用的了，还好这周没啥别的开发