使用jquery将行从一个表复制到另一个表时更改列宽

Question

您好我正在将整个表行从一个html表复制到另一个html表。在源表中，列宽为5％，三个td的列宽度为40％55％，如下所示：

<td style="width:5%">

现在在目标表中我有4列我希望它们的宽度分别为10％，40％，40％和10％

这是我如何复制行

$("#table_source img.move-row").live("click", function() {
var tr = $(this).closest("tr").remove().clone();
tr.append('<td style="width:10%"><img class="role_action" src="/gra/plus.png/></td>');
$("#table_target tbody").append(tr);

如何以最简单的方式为源表现有列更改宽度。

Answer 1

如果您有权修改表格的原始HTML，我建议使用col标签来定义宽度。这样，宽度不会在单个td标签上定义，而是在整个表格中定义。然后，当在表之间移动td时，将自动处理宽度。