rowspan无效_关于在 table 中给 td 设定 position:absolute 引起的 rowspan 失效的问题

在这个表格中，表头一1 和 表头二2 这两列是固定的，目前想到的解决方案是，使用 position:absolute; 但是，这个绝对定位不能相对于 table 来定位，因为这样无法实现冻结这两列的效果。

我们只能通过它相对于屏幕的最左来固定第一列，同时通过 JS 来计算出第二列相对于屏幕的最左的距离，并给这列加上一个属性 offsetLeft；

随后给第三列(这是不需要固定的列)一个 paddingLeft 值来防止它被因为设置 position:absolute 而脱离文档流的固定列所覆盖。

下面是具体的代码：

.table{width: 1000px;overflow-x: scroll;margin:auto;}

table{border:1px solid black;}

table div{width: 200px;}

td{width: 200px;text-align: center; border:1px solid blue; background-color:yellow;}

表头1

表头2

表头3

表头4

表头5

表头6