Html 表列不存在'；我不想从CSS中获得宽度

我有一张带嵌套表的表。我希望将每一列与嵌套列对齐，使其看起来具有相同的宽度，并且都是响应表的

我无法找到两个具有独立id的表的大小，但作为参考，我将11:00放在两个单元格中，它们应该在显示中基本对齐

我试图通过CSS控制它，它应该是这样的

我在下面有一个片段，其中包括Bootstrap4CSS

/*以下是预订经理的日程安排部分*/
#reservationManagerScrolltbody{
高度：10公分；
/*只是为了演示*/
溢出y：自动；
/*触发垂直滚动*/
溢出-x：自动；
/*触发水平滚动*/
宽度：100px；
}
#表2 td+td{
左边框：2倍实心#F5；
}
#表2+th，
th，
运输署{
左边框：2倍实心#F5；
字体大小：0.75vw；
宽度：50px；
}
#waiterStationTableinfo td+td，
th{
左边框：1px实心#F5；
}
.wstinfo{
宽度：50px；
}

按任意表搜索
1.
1.
1.
11:00
11:30
12:00
12:30
13:00
13:30
14:00
14:30
17:00
17:30
18:00
18:30
19:00
19:30
20:00
20:30
21:00
21:30
22:00
总氮
TT
类风湿关节炎
GA
服务员站1
116
2顶
2.
6.
11:00
22:00
116
2顶
2.
6.
116
2顶
2.
6.
116
4顶
2.
6.
总氮
TT
类风湿关节炎
GA
服务员站1
154
2顶
2.
6.
116
2顶
2.
6.
116
2顶
2.
6.
116
2顶
2.
6.

你还没有给你的宽度指定一个单位类型（例如px-rem-vw等），当你用相同的样式设计所有的th时，为什么还要明确地命名

#表2 th+th

？另一个需要考虑的是嵌套表在一个CalStof为20的单元格中。这看起来您不应该使用tables。包含嵌套表的

td

的colspan不应该至少为22吗？我已经用正确的宽度单位和colspan值更新了代码段。谢谢你的提示@