表：使用JS滚动期间修复了thead

Question

我在滚动表格时尝试修复this table thead，但没有任何结果。

这是我试过的JS：

<script>
   document.getElementById("tablepress-10").addEventListener("scroll", function() {
      var translate = "translate(0," + this.scrollTop + "px)";
      this.querySelector("thead").style.transform = translate;
   });
</script>

任何提示？

Answer 1

这可以通过HTML / CSS在很多浏览器上实现。

以下是针对具有固定标头的表格的解决方案，主要是CSS：Scrolling HTML Table with Fixed Header

Answer 2

最简单的方法是使用插件。我知道这个使用jQuery http://laertejjunior.github.io/freezeheader/#demo