Javascript 带垂直数据的水平HTML表格

我一直在努力创建一个html表（我也使用bootstrap）。为了更容易理解我想要实现的目标，请参见下图

根据用户选择的元素数量（比如汽车），我想为每辆汽车创建一列。我有一个带有所选ITME id的数组

现在我喜欢这样：

For(selected){
//get data from my object with id
.....

$('table thead tr').append(html);  
$('table tbody').append(htmlData);
}

哪些产出：

-----car1-----------------car2-----------------car3

---

----1911年------意大利语------红色

----1923年------意大利语------黄色

----1923年------瑞典------格林

---

我想作为我链接到的图片

您没有提供完整的HTML和JS代码，但基本上，在每个TR和三个TDs之间，您需要用collspan=3的td追加TR

例如：

表td{
边框：1px实心#CCC；
文本对齐：居中；
}

意大利人
法令
费拉里
1992
德国的
宝马
大众汽车
梅赛德斯

我将使用colspan:），但从代码的输出来看，td仍然水平显示。我希望汽车的所有属性都显示在彼此的顶部（以便能够并排比较数据）。因此，TR作为“标题”和每个TR下的tds。如果有帮助的话，我可以用html和javascript更新我的代码。我想我找到了一个解决方案，这里是fiddle，通过css我可以垂直显示数据。如何在这把小提琴中使用colspan？但现在我无法正确添加colspan：/