html css可滚动表格赢得'；t与上表对齐

第一个表是固定的，当第二个表向下滚动时，它将保持在视图中。我怎样才能把这两张桌子排成一行

索引表，
#索引表头{
文本对齐：左对齐；
利润率：20px；
保证金：0自动；
表布局：固定；
}
#索引表，
#索引表头{
宽度：800px；
}
#索引表{
显示：块；
高度：390px；
溢出y：滚动；
}
#索引\表格\标题td{
填充：10px 8px；
宽度：100px；
边框：1px纯黑；
}
#索引表td{
填充：10px 8px；
宽度：100px；
边框：1px纯黑；
}
#索引表td:n个子项（1），
#索引\u表\u头td:n子级（1）{
宽度：80px；
}
#索引表td:n子项（3），
#索引\u表\u头td:n子级（3）{
宽度：70px；
}
#索引表td:n个子项（5），
#索引\u表\u头td:n子级（5）{
宽度：200px；
}
#索引表td:n个子项（2），
#索引\u表\u头td:n子级（2）{
宽度：250px；
}

身份证件
项目
数量
补充
营养价值
行动
395
鸡肝
0.37
2019-10-14
67

您可以使用此代码

你好，世界！
身体{
保证金：0；
}
.表格卷轴{
位置：相对位置；
最大宽度：600px；
保证金：自动；
溢出：隐藏；
边框：1px实心#000；
}
.桌套{
宽度：100%；
溢出：自动；
}
.表格滚动表格{
宽度：100%；
保证金：自动；
边界塌陷：分离；
边界间距：0；
}
.th表格，
.表格滚动td{
填充物：5px10px；
边框：1px实心#000；
背景：#fff；
空白：nowrap；
垂直对齐：顶部；
}
.表格滚动条，
.表格滚动tfoot{
背景#f9f9f9；
}
.克隆{
位置：绝对位置；
排名：0；
左：0；
指针事件：无；
}
.克隆th，
.克隆td{
可见性：隐藏
}
.克隆td，
.克隆th{
边框颜色：透明
}
.克隆体{
能见度：可见；
颜色：黑色；
}
.克隆.固定端{
边框：1px实心#000；
背景：#eee；
能见度：可见；
}
.克隆thead，
.clone-tfoot{
背景：透明；
}
瑞德先生{
背景色：红色；
边界半径：10px；
颜色：白色；
填充：2x10px；
文字装饰：无；
大纲：无；
}
格林先生{
背景颜色：绿色；
边界半径：10px；
颜色：白色；
填充：3x10px；
文字装饰：无；
大纲：无；
}
身份证件
项目
数量
补充
营养价值
行动
395
鸡肝
0.37
2019-10-14
67
395
鸡肝
0.37
2019-10-14
67
395
鸡肝
0.37
2019-10-14
67
395
鸡肝
0.37
2019-10-14
67
395
鸡肝
0.37
2019-10-14
67
395
鸡肝
0.37
2019-10-14
67
页脚2
页脚3
页脚4
页脚5
页脚6
//需要jquery库
jQuery（文档）.ready（函数（）{
jQuery（“.main table”）.clone（true）.appendTo（“#table scroll”）.addClass（'clone'）；
});

使用一个表，并使用

位置：sticky

作为该表的

thead

。