Javascript 用jQuery表头粘贴

Hii我需要修复表格标题，但始终

th

转到窗口顶部而不是表格顶部

我用位置测试：相对但不工作，我用相对添加div，用绝对但不工作添加sub div 100%

My code.js

$('.fix').affix({
  offset: {
    top: 100
  }
});

Css

Html

A
B
C
A
A
A

---

你有主意吗？谢谢

你知道你缺少了

thead

和

tbody

元素吗？结果总是一样的

thead

被固定到

body

而不是带有

位置的表：relative

这个jsfiddle如何回答：affix不是一个jquery函数…用于定位工作，您需要将表包装器设置为

position:relative

。然后，带有

position:absolute

的表包装器中的内容将与表包装器相对。

.fix.affix {
    position: fixed;
    top: 40px;
    left:0;
    right:0;
    width: 100%;
}

<table style="width:50%; position:relative">

  <tr class="fix">
    <th width="33%">A</th>
    <th width="33%">B</th>
    <th width="33%">C</th>
  </tr>

  <tr>
    <td>A</td>
    <td>A</td>
    <td>A</td>
  </tr>

</table>