为什么html表格有多列'；将数据合并到一列中

我想要一个带有

滚动条的html表格，我制作了一个可滚动表格示例，但问题是所有列数据都放在一列中，如图所示



在本例中，css是

<tbody style="height: 350px; max-height: 400px;overflow-y: scroll;display:block;">



但是，如果我删除
显示：块
，前面描述的问题消失了，但可滚动条也消失了

代替
显示：块使用
显示：表行组

为了使元素作为表格运行/显示：


表格单元格
要求父项为
显示：表格或
显示：表格单元格

这也适用于表行
，它要求父级为
显示：表或
显示：表行组


在本例中，您将
的父项更改为
显示：块
，这意味着子
节点将不会以正确的表格格式呈现，因为父节点不是
显示：表格或
显示：表行组
您需要添加
显示：块到
以及AD
。它会起作用的

请点击此处：

此处的工作片段：


表格{
边框：1px纯黑；
}
泰德{
显示：块；
}
th，
运输署{
文本对齐：居中；
宽度：100px；
框大小：边框框；
}

价格
数量
全部的
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144
0.002078
12354.572620
25.677144