javascript - 第一列固定的水平滚动表

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

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

另外，是否也可以固定<thead>以便当用户向下滚动时它不会消失，而当用户水平滚动时它会与其余列一起移动？

最佳答案

我为每个td和th以及类似这样的一些棘手的CSS添加了一个新的列，该类具有隐藏的类样式。我希望这个能帮上忙：

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

JSFiddle

关于javascript - 第一列固定的水平滚动表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32298564/