Question

我想在有人向左或向右滚动时立即向下滚动或修复第一列（thead）时修复我的表头（.first-column）。下面你可以看到我的表的一个例子。它可以包含大约100列和1000个单元格，这就是我需要它的原因我想这只是简单的css是不可能的，但也许我错了。无论如何，我想请求帮助以实现这一目标。我正在使用jQuery 2.x。

<table>
  <thead>
    <tr>
      <td class="first-column"></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> class="first-column"> </td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> class="first-column"> </td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> class="first-column"> </td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> class="first-column"> </td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  ...
    </tbody>

</table>

asdfasdf

Answer 1

您可以通过将表格标题偏移设置为固定滚动事件

上的位置来完成此操作

$(window).bind("scroll", function() {
    var offset = $(this).scrollTop();

    if (offset >= tableOffset && $fixedHeader.is(":hidden")) {
        $fixedHeader.show();
    }
    else if (offset < tableOffset) {
        $fixedHeader.hide();
    }
});

在堆栈上提出了类似问题

Refer。

修复表格或修复第一列

1 个答案: