Javascript 如何将表格添加到我制作的HTML中？

我试图在图像旁边添加一个由2行4列组成的新表，同时保留图像底部表的2行4列。（简单地说，在图像右侧添加一个新表，同时保持底部的表与您看到的图像相同。）我没有组织表的内容，因此它不能按我所希望的那样工作，我知道我必须进行修复，我尝试了不同的方法，但没有成功

我是html新手，所以表的结构看起来可能没有组织，因为它包含了很多用于jQuery的类和id

$（document）.on（'click'，'）。手风琴头，函数（）{
$（'.accordion head'）。移除类（'open'）；
if（！$（this）.hasClass（'open'））{
$（this.addClass（'open1'）；
}否则{
$（'.accordion head'）。移除类（'open'）；
$（this.addClass（'close'）；
}
$（'手风琴体'）.slideUp（“快速”）；
$（this.next（）.slideDown（“fast”）；
$（document）.on（'dblclick'，'.accordion head'，function（））{
if（！$（this）.hasClass（'open'））{
$（'.accordion head'）。removeClass（'open1'）；
}否则{
$（'.accordion head'）。移除类（'open'）；
$（this.addClass（'close'）；
}
$（'手风琴体'）.slideUp（“快速”）；
});
});
.outer{
宽度：860px；
左边距：自动；
右边距：自动；
}
.主标题{
利润上限：35px；
字体大小：20px；
字号：900；
}
hr.garo{
边框：1px实心#757272；
保证金：17px 0px 0px 0px；
}
#tableMain{
宽度：800px；
边框：1px实心浅灰色；
左边界：无；
边界权：无；
边界塌陷：分离；
边界间距：0px；
边缘顶端：40px；
文本对齐：居中；
}
桌子{
宽度：100%；
}
th{
边缘顶部：10px；
背景：浅灰色；
框大小：边框框；
}
th，
运输署{
文本对齐：居中；
边框：1px实心浅灰色；
左边界：无；
边界权：无；
}
#流行音乐{
边框：1px实心浅灰色；
字体大小：10px；
文本对齐：左对齐
}
#tableMain>img{
显示：块；
宽度：200px；
高度：100px；
证明内容：中心；
}
#博尔{
边框：1px纯色灰色；
文本对齐：左对齐；
字体大小：粗体；
}
.付钱{
文本对齐：左对齐；
字体大小：粗体；
背景色：rgba（2112112112110.418）；
}
布雷克罗酒店{
边框：1px实心浅灰色；
边缘顶部：10px；
边缘底部：10px；
}
输入{
背景色：#ffc107；
颜色：白色；
边界半径：2px；
}
#九月{
边框：1px纯色灰色；
边界塌陷：塌陷；
}
#空间{
左边距：20px；
宽度：60；
高度：25px；
文本对齐：居中；
边缘顶部：5px；
边缘底部：5px；
颜色：白色；
}
.阿罗{
浮动：左；
边框：10px实心透明；
边缘顶部：10px；
左边距：20px；
边框顶部颜色：浅灰色；
过渡：350ms；
位置：绝对位置；
}
.手风琴头{
背景：白色；
}
.手风琴头{
背景：#eee；
}
.手风琴头.打开.箭头{
利润上限：-10px；
变换：旋转（180度）；
}

예약 내역 조회

예약 번호
대여 기간
지점명
1.
2020.02.05 ~ 2020.02.07
강남지점-강남지점 
차량 대여요금
52,520원
보험료
52,520원
쿠폰/이벤트
52,520원
총 결제 금액
52,520원
1.
2020.02.05 ~ 2020.02.07
강남지점-강남지점 
차량 대여요금
52,520원
보험료
52,520원
쿠폰/이벤트
52,520원
총 결제 금액
52,520원
1.
2020.02.05 ~ 2020.02.07
강남지점-강남지점 
차량 대여요금
52,520원
보험료
52,520원
쿠폰/이벤트
52,520원
총 결제 금액
52,520원
1.
2020.02.05 ~ 2020.02.07
강남지점-강남지점 
asdasd
차량 대여요금
52,520원
보험료
52,520원
쿠폰/이벤트
52,520원
총 결제 금액
52,520원
使用
colspan
，然后在
td
中使用另一个表，在第一条记录中有2行
和4行
col
，您可以检查它


$（document）.on（'click'，'）。手风琴头，函数（）{
$（'.accordion head'）。移除类（'open'）；
if（！$（this）.hasClass（'open'））{
$（this.addClass（'open1'）；
}否则{
$（'.accordion head'）。移除类（'open'）；
$（this.addClass（'close'）；
}
$（“.手风琴琴体”）。