当溢出设置为滚动/自动时，位置粘性不适用于表格标题

Question

我找到了很多解决方案，但没有任何效果，因此再次发布这个问题。我有一张桌子，上面有水平滚动条。我尝试将表头设置为粘性，我可以使用它，poition:sticky但滚动停止工作。

有什么办法可以使用css来实现这两者吗？

这是一个简单的Fiddle供您参考。

更新 我需要它的行为与主页滚动相同，而不是在表格主体上添加滚动条。任何纯 JS 或角度解决方案也是可以接受的。当用户滚动页面而不是表格时，标题应该是粘性的。

Answer 1

如果您坚持单独使用 css，那么如果您将指定的高度添加到“响应式”类中，则标头将粘贴但仅位于响应式 div 内。

如果您将表元素替换为标题和正文的单独 div，则可以实现这一目标。