Javascript 在滚动数据时如何保持标题固定

我有两个表，第一个表用作使用日期选择器的搜索功能，第二个表包含

thead

和

tbody

，其中包含数据的实际标题和行。我试着跟着

---

然而，它对我的页面没有任何影响。甚至可以实现吗？

使用纯CSS来实现这一点怎么样

body{height:1000px；}
thead tr th{
背景：白色；
位置：粘性；
排名：0；
}

可乐
可乐
可乐
info000000
信息
信息
信息
信息
信息
信息
信息
info00000000

使用纯CSS来实现这一点怎么样

body{height:1000px；}
thead tr th{
背景：白色；
位置：粘性；
排名：0；
}

可乐
可乐
可乐
info000000
信息
信息
信息
信息
信息
信息
信息
info00000000

您可以申请

职位：固定标题容器上的CSS以保持位置固定

请检查以下代码：：

.header-container-fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

您可以应用
位置：固定标题容器上的CSS以保持位置固定

请检查以下代码：：

.header-container-fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

你可以尝试使用datatables插件，标准的方法是将标题放在一个单独的表中，这个表是固定的，让数据表在它后面滚动，并隐藏溢出。你的小提琴似乎在工作…@LouysPatriceBesette抱歉我不清楚，这是我要做的示例，我的实际代码没有那么简单，实际的桌子周围有更多的div。@nurdyguy你能再扩展一点吗，我把溢出放在哪里？那是给thead的还是给tbody的？“固定”是指将标题表的位置设置为“固定”吗？感谢您的帮助。尽管您可以尝试使用datatables插件，但标准的方法是将标题放在一个单独的表中，该表是固定的，让数据表在其后面滚动，并隐藏溢出。您的小提琴似乎正在工作…@LouySpatriceBesette抱歉，我不清楚，这是我正在进行的示例，我的实际代码并不是那么简单，实际的表周围有很多div。@nurdyguy你能再扩展一点吗，我把溢出放在哪里？那是给thead的还是给tbody的？“固定”是指将标题表的位置设置为“固定”吗？谢谢你的帮助。不过这一切都很好，谢谢你。我以前从未用过或见过。谢谢你！帮我节省了很多压力：）@goldenBoy好的！如果答案对你有帮助的话，把它标记为答案是一个好习惯：）它在chrome上工作。。但遗憾的是，firefox上仍然没有支持。这就是为什么我还没有标记为已回答。这似乎是一个长期存在的问题，周围的人都有这样的立场：sticky@goldenBoy很公平。我在这里运行的是Firefox测试版频道，如果有任何安慰的话，您提到的问题在FF59+中得到了解决。如果您希望支持firefox的旧版本，也许您可以尝试一些非常有效的解决方法，谢谢。我以前从未用过或见过。谢谢你！帮我节省了很多压力：）@goldenBoy好的！如果答案对你有帮助的话，把它标记为答案是一个好习惯：）它在chrome上工作。。但遗憾的是，firefox上仍然没有支持。这就是为什么我还没有标记为已回答。这似乎是一个长期存在的问题，周围的人都有这样的立场：sticky@goldenBoy很公平。我在这里运行的是Firefox测试版频道，如果有任何安慰的话，您提到的问题在FF59+中得到了解决。如果你想支持旧版本的firefox，也许你可以尝试一些变通方法