Jquery 具有两个粘性标题的表

我正在尝试创建一个包含两个粘性标题和一个左粘性列的表，当我们滚动到水平时，它工作正常，而垂直和水平滚动时，第二个标题（第二行与左栏重叠）工作不正常，有人能帮我吗？我附加屏幕截图，这是工作链接

JSIDLE链接是：

---

看看我为你做的这个版本。我只是使用css的重要的东西，它的工作非常好。我也在容器滚动上使用js添加了一个类

我希望这有帮助

---

看看我为你做的这个版本。我只是使用css的重要的东西，它的工作非常好。我也在容器滚动上使用js添加了一个类

我希望这有帮助

---

这是仅使用CSS的列和行粘性标题的示例。你可以查看更多信息

/*设置一些间距（可选）*/
运输署，
th{
填充：20px；
}
/*样式列表标题*/
th[范围=列]{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
z指数：1；
背景色：青色；
}
/*样式列标题第一个元素*/
th[范围=列]：第n种类型（1）{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
左：0；
z指数：2；
背景颜色：秘鲁；
}
/*样式行表标题*/
th[范围=行]{
职位：-网络工具包粘性；
位置：粘性；
左：0；
z指数：1；
背景颜色：巧克力色；
}

销售额
顶点公司
按国家分列的销售额
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
葡萄牙
50
52
52
52
52
52
52
52
52
52
52
52
西班牙
50
52
52
52
52
52
52
52
52
52
52
52
法国
50
52
52
52
52
52
52
52
52
52
52
52
德国
50
52
52
52
52
52
52
52
52
52
52
52
意大利
50
52
52
52
52
52
52
52
52
52
52
52
波兰
50
52
52
52
52
52
52
52
52
52
52
52
奥地利
50
52
52
52
52
52
52
52
52
52
52
52
美国
50
52
52
52
52
52
52
52
52
52
52
52
英格兰
50
52
52
52
52
52
52
52
52
52
52
52
苏格兰
50
52
52
52
52
52
52
52
52
52
52
52
威尔士
50
52
52
52
52
52
52
52
52
52
52
52

这是一个仅使用CSS的列和行粘性标题示例。你可以查看更多信息

/*设置一些间距（可选）*/
运输署，
th{
填充：20px；
}
/*样式列表标题*/
th[范围=列]{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
z指数：1；
背景色：青色；
}
/*样式列标题第一个元素*/
th[范围=列]：第n种类型（1）{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
左：0；
z指数：2；
背景颜色：秘鲁；
}
/*样式行表标题*/
th[范围=行]{
职位：-网络工具包粘性；
位置：粘性；
左：0；
z指数：1；
背景颜色：巧克力色；
}

销售额
顶点公司
按国家分列的销售额
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
葡萄牙
50
52
52
52
52
52
52
52
52
52
52
52
西班牙
50
52
52
52
52
52
52
52
52
52
52
52
法国
50
52
52
52
52
52
52
52
52
52
52
52
德国
50
52
52
52
52
52
52
52
52
52
52
52
意大利
50
52
52
52
52
52
52
52
52
52
52
52
波兰
50
52
52
52
52
52
52
52
52
52
52
52
奥地利
50
52
52
52
52
52
52
52
52
52
52
52
美国
50
52
52
52
52
52
52
52


.table__side {
  left: 0; top: 0;
  position: absolute;
  transition: box-shadow 0.25s ease;
  width: 8.0625rem;
  z-index: 1;
}