Javascript 在溢出表中粘贴表行和表头

目前，我正在尝试构建一个包含大量数据的表，其中我尝试在垂直和水平滚动上粘贴THAD和TD。表格将具有水平滚动，以便自动溢出

我在这里建立了一个快速示例

在这个例子中，我使用了水平滚动，但我试图让团队名称和标题粘贴在垂直滚动上

理想情况下，我想使用CSS，但与溢出自动，我似乎无法让它工作，任何建议？Javascript解决方案也不错

任何帮助都将不胜感激。

---

谢谢

div应该将滚动元素设置为height:100vh，然后，添加垂直坐标，如果要粘贴，则避免元素为全高或全宽。它将粘在其父对象上，直到父对象移动或另一个粘性元素进入该区域。谢谢，但问题是我不想有一个预定义的高度，并有另一个垂直滚动。问题是为了创建水平滚动，我需要添加溢出，这将删除与粘贴的父元素的关系。不幸的是，粘贴的元素将与其父元素一起滚动，而不像固定元素那样滚动窗口。对于这一点，sticky没有任何帮助，它需要javascript。是的，这就是我害怕的，谢谢你回复我的帖子。

.headerTitle{
  position: -webkit-sticky;
  position: sticky;
  left:0;
}