html - 表格内的分区

Question

我有一张表，tr 内有 14 个 td。在第一行(tr)之后，我想使用 jquery 在 tr 中添加动态行(tr)和 div。动态添加的 tr 和 div 将有其他表和一些数据。现在发生的是整个表(动态添加)适合动态添加行的第一个 td。我不想要这个，我希望它在整个页面上拉伸(stretch)(意味着适合动态添加的 tr)。你是怎么做到的？

在图片中你可以看到整个表是如何安装在第一个 td 中的

我像这样在 tr 中添加动态 tr 和 div

 $('#'+row_id).after('<tr><div  id="trip_detail_id"></div></tr>'); 

其中 row_id 是 tr 的 ID。

Answer 1

你必须包装你的 <div>在 <td> 内在所有列上使用 colspan。

var row = $('#'+row_id);
row.after('<tr><td colspan="'+ row.children().length +'"><div  id="trip_detail_id"></div></td></tr>'); 

如果您已经对 <td> 使用了 colspan，代码会稍微复杂一些。连续。然后您必须遍历所有子项并检查 colspan 属性，以获得正确的列数。