Javascript 使用HTML冻结表头

我有一个几乎无限行的表，我需要使表内容滚动（tabbody），同时保持标题冻结（保持标题不可滚动）

我有我想要的代码

编辑
时间戳
2018-08-26T10:38:01.602Z
2018-08-26T10:23:42.119Z
2018-08-26T01:05:00.171Z
var myJson={
选项1:{'name'：'Clark'，年龄：'39'，地址：'Washington D.C.}，
选项2:{'name'：'Bob'，年龄：'26'，地址：'Texas'}，
选项3:{'name'：'Angelina'，年龄：'31'，地址：'ohoi'}
}
$（文档）.ready（函数（）{
$（'.option'）。单击（函数（e）{
e、 预防默认值（）；
id=$（this.attr（'id'）；
value=myJson[id]；
父项=$（this.parent（'td'））
现有内容=parent.find（'.option内容'）
if（existing_content.length）{//如果内容存在，请将其删除
现有内容。删除（）
}else{//else添加内容
content=”“+values.name+”
“+values.age+”
“+values.address+”；
$（此）.after（内容）
}
})
})

所以。。换句话说，假设你已经得到了你的类计算出的所有单元格的宽度（第一、第二、第三、第四）。您只需将这两行代码添加到样式部分：

<style type='text/css'>
  .class1 > thead { display: table; }
  .class1 > tbody { display: block; overflow: scroll; height: 240px; }
</style>

.class1>thead{display:table；}
.class1>t正文{显示：块；溢出：滚动；高度：240px；}

它应该会起作用

这可能对你有帮助