Question

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

https://s15.postimg.org/ulq2gxap7/Hiro_Table.jpg

根据用户选择的元素数量（比如汽车），我想为每辆汽车创建一列。我有一个数组，其中包含所选主题的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 -----------瑞典语------------绿色

我想要链接到的图片。

Answer 1

您没有提供完整的HTML和JS代码，但基本上在每个TR与三个TD之间需要附加tr，其中td具有collspan = 3

例如：

table td {
  border: 1px solid #CCC;
  text-align: center;
}

<table>
  <tr>
    <td colspan="3">italian</td>
  </tr>
  <tr>
    <td>Fiat</td>
    <td>Ferarri</td>
    <td>1992</td>
  </tr>
  <tr>
    <td colspan="3">German</td>
  </tr>
  <tr>
    <td>BMW</td>
    <td>VW</td>
    <td>Mercedes</td>
  </tr>
</table>

带有垂直数据的水平HTML表

1 个答案: