表内的Div

Question

嗨我在tr里面有一个14 td的表。在第一行（tr）之后，我想使用jquery在tr中添加动态行（tr）和div。动态添加tr和div将有其他表与一些数据。现在发生的是整个表（动态添加）适合动态添加的行的第一个td。我不想要这个，我希望它在整个页面中被拉伸（意味着适合动态添加的tr）。你是怎样做的？

！[在此处输入图片说明] [1]

在图像中，您可以看到整个表格如何安装在第一个td

中

我在tr中添加了动态tr和div

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

其中row_id是tr的内容。

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>'); 

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