Javascript 如何在html表格中给出特征线。？

我已经设计了水平和垂直滚动条表。现在的问题是在同一个可滚动列表中，有两个表具有相同的数据，但我想在完成第一个表数据后给出换行符。如何给断线。在这里，我的目的是要显示两个以上具有滚动条的响应边界表。我已经尝试过这个代码，但我没有得到断线

桌子{
边界塌陷：塌陷；
边界间距：0；
宽度：100%；
边框：1px实心#ddd；
}
th，td{
文本对齐：左对齐；
填充：8px；
}
tr:n子（偶数）{背景色：#f2f2}
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67

我不确定我是否完全理解您要做的事情，但听起来您可能想使用

colspan

创建一个填充表格宽度的单元格，这样您就可以将其留空，如下所示：

<tr>
  <td colspan="12"></td>
</tr>

然后，您可以将一个类添加到此空行，以按照您的需要设置其样式，例如

桌子{
边界塌陷：塌陷；
边界间距：0；
宽度：100%；
边框：1px实心#ddd；
边框底部：1px纯黑；
}
th，td{
文本对齐：左对齐；
填充：8px；
}
th:第一个孩子，td:第一个孩子{
左边框：1px纯黑；
}    
th:最后一个孩子，td:最后一个孩子{
右边框：1px纯黑；
}
tr:n子（偶数）{背景色：#f2f2}
.td{
背景：黑色；
填充物：5px；
颜色：白色；
文本对齐：居中；
边框：1px纯黑；
}
标题
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67
标题
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67
标题
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67

var x=document.querySelectorAll（“tr”）；
var指数=0；
对于（索引=0；索引

表格{
边界塌陷：塌陷；
边界间距：0；
宽度：100%；
边框：1px实心#ddd；
}
th，td{
文本对齐：左对齐；
填充：8px；
}
tr:n子（偶数）{背景色：#f2f2}

名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔
史密斯
50
50
50
50
50
50
50
50
50
50
前夕
杰克逊
94
94
94
94
94
94
94
94
94
94
亚当
约翰逊
67
67
67
67
67
67
67
67
67
67
名字
姓
要点
要点
要点
要点
要点
要点
要点
要点
要点
要点
吉尔