Question

我想创建一个具有固定第一列的表，以便当用户水平滚动时，第一列保持原样，从而更容易解释表中的数据。我给出了第一列position: absolute，但问题是<td>元素在内容占用多行时不会调整大小。我该如何解决？我不介意使用javascript的解决方案。

到目前为止我所拥有的：http://jsfiddle.net/Yw679/778/

此外，是否可以使<thead>也固定，以便在用户向下滚动时不会偏离视图，但在用户水平滚动时与其余列一起移动？

Answer 1

我添加了一个新的列，每个td都有类样式隐藏，还有一些像这样棘手的CSS。我希望这会有所帮助：

.style-hidden{
    width: 0;
    opacity: 0;
    display: block;
}