Question

我有一张这样的桌子

   <div style="overflow:auto">
   <table>
     <thead><tr style="position:fixed"><th></th></tr></thead>
   </table>
   </div>

现在我的问题是当我滚动div标题（即tr元素）被修复它工作正常但是当我滚动窗口的滚动条时，标题tr没有固定在div内。我沿着窗户的滚动条移动......任何人都可以帮我找出解决方案

Answer 1

我不知道如果我的问题是对的，你可能会发现这有用http://fixedheadertable.com/

Answer 2

抱歉，我试图单独使用CSS，但这没有用，所以你需要一些Javascript。

<div style="overflow:auto; position:relative;"
    onscroll="document.getElementById('fixedtr').style.top = this.scrollTop+'px';">
  <table>
    <thead>
      <tr style="position:absolute; top:0; left:0" id="fixedtr">
        <th>Table header</th>
      </tr>
    </thead>

请参阅jsFiddle。

这就是你想要的，对吗？

表格中的固定标题，html

2 个答案: