表：固定滾動期間使用JS

Question

我試圖修復theadthis table滾動表時，但沒有任何結果。

這是我試過的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