表格中的固定/冻结左栏...但是当桌子被包裹时

Question

我的情景与how do I create an HTML table with fixed/frozen left column and scrollable body?中描述的情景非常类似。从本质上讲，这对我有用，但我需要将我的表包含在一个div中，该div将被放置在另一个div旁边（因此，可滚动表将在左侧有一个选项面板）。结构是：

<div id="wrapper">
 <div id="first"></div>
 <div id="second"><table>All table contents here...</table></div>
</div>

不幸的是，原始问题中提出的解决方案在div与另一个坐在一起时似乎不起作用，左列的绝对定位将一直采用它。在这里看一个小提琴http://jsfiddle.net/odiseo/YMvk9/7106/

Answer 1

好的，你可以做以下事情： 将left:0中的.headcol替换为transform: translatex(-5em);，然后将float:left;添加到#second。