jquery克隆表，并保持相同的尺寸

Question

我有一个问题，我希望很容易解决。

我有我使用

var clonedTable = $("#mytable").clone(); 

克隆然后我在我的克隆表追加到一个div

$("#mydiv").append(clonedTable) 

一个HTML表格。如果我再删除所有从我的克隆表，并只保留标题， 表格的尺寸发生变化。

什么是最简单的方法让我保留我的克隆表的维度与原始表相同后删除所有并只保留标题？

Answer 1

使用CSS并按照您希望的方式设置表格的样式，包含或不包含内容。

这听起来像表的大小取决于内容，所以一旦这些被删除，它会回到“自动调整大小”。

另一种方法是获取原始表格列的大小并将它们作为宽度样式应用于克隆，但这涉及到一些进一步的处理。

Answer 2

这听起来像你依赖浏览器使用的默认表宽度算法。你应该明确地设置表元素的宽度，又名：

<table style="width: 400px;"> 

OR

<table style="width: 50%;"> 

所以表仍然是宽度即使在另一个元素。