Table: Fixed thead durgin scroll with JS : I am trying to **fix** the **thead** on this [table][1] when you scroll the table, but without any results.

This is the JS i tried:

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


Any tips?

Thanks in advice.

**PS: I am using Wordpress**

  [1]: http://ap.nowcommu.myhostpoint.ch/434-2/