Javascript 带有固定标题和第一列的Angular2表格

我已经尝试了很多方法来实现这一点，比如绑定滚动指令或使用jQuery，但是，我不确定我的表是否包含太多的数据/列。当滚动发生时，固定的左侧和标题被延迟了很多

如果有开发人员能给我一些建议，我将不胜感激

[更新]

我首先尝试分离thead和tbody以使tbody可滚动，并在tbody上放置一个指令。然后我使用下面的代码来处理滚动，似乎更新太慢了，因此固定的元素无法跟随。除了整体滚动似乎表现不太好之外，它还落后了

@HostListener('scroll', ['$event'])
onScroll(event: Event): void { 

    this.thead.style.left = this.tbody.scrollLeft * -1 + 'px';

    for (let th of this.firstColumns) {
        th.style.left = this.tbody.scrollLeft + 'px';
    }
}

---

你是怎么尝试的？给我们举一些例子，也许我们可以帮助你欢迎！请阅读并提供一个完整的答案！谢谢大家!@Teshtek我已经添加了代码，感谢您的回复。您可以将此解决方案用于固定标题[您如何尝试？向我们展示一些示例，也许我们可以帮助您欢迎！请阅读并提供一个！谢谢！@Teshtek我已经添加了代码，感谢您的回复。您可以将此解决方案用于固定标题[