表格中的固定/凍結左列...但表格被包裝時

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

好了，你可以做到以下幾點： 在.headcol替換left:0與transform: translatex(-5em);，然後添加到float:left;#second。