Question

我已经制作了一个带有固定标题的表格，当它到达我的表格底部时会停止。我用overflow: hidden;加入 div 。我有一切可以工作，但不是100％我喜欢。

<div class="container">
  <table class="tableWithFloatingHeader">
    <thead>
     <tr>
       <th>table1 col header</th>
       <th>table1 col header</th>
    </tr>
    <tr>
       <th>table1 col header2</th>
       <th>table1 col header2</th>
    </tr>
   </thead>
   <tbody>

       .............

   </tbody>
  </table>
</div>

问题是：

我似乎无法让<thead>中的所有内容向下滚动。只有第一行（第一行<tr>）。
仅在div中可见<th>时应该看到向下滚动。
如何将控制器放在div旁边？在一个更大的监视器，它的位置是偏离的（因为这个'left': '20px'）

这是指向JSFIDDLE

这是我的控制器的html

<div id="compare-table-controller"> 
                    <a href="javascript:void(0);" class="carousel-control left disabled " data-control="prev">&lsaquo;</a>
                    <a href="javascript:void(0);" class="carousel-control right " data-control="next">&rsaquo;</a>
</div>

Answer 1

Demo

将width: 700px更改为width: 100%您可以更改left值，例如宽度值（百分比值）

漂浮在溢出隐藏的div中

1 个答案: