克隆 tr，但保留宽度

Question

我正在尝试克隆表中的一行，并将该行插入到空表中。简单的。

但是是否可以保留 tr 中单元格的原始宽度（可能会由于同一列中的其他单元格而扩展）？

编辑刚刚意识到我应该在克隆后迭代匹配的单元格并同步宽度。仍然好奇是否有更直接的方法......

Answer 1

克隆行，然后迭代该行的子行，将每个子行的宽度设置为相应索引处原始行的每个子行。

var target = $('#target');
var target_children = target.children();

var clone = target.clone();

clone.children().width(function(i,val) {
    return target_children.eq(i).width();
});

$('<table>',{border:1}).append(clone).appendTo('body');

示例： http://jsfiddle.net/z7hWh/

我不确定浏览器支持在 上设置宽度。

Answer 2

指定严格的 CSS 规则。

可能的答案：

• 将它们定义为每个单元格的宽度相同（可能不是您想要的）。
• 使用colgroups（推荐）。
• 不要为 td 定义样式，而是在表头第 th 上定义它们。如果您的表格没有标题，显然不起作用。