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

Question

我遇到了一个我希望很容易解决的问题。

我有一个html表，我正在使用

进行克隆

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

然后我将克隆的表附加到div

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

如果我然后删除克隆表中的所有内容并仅保留标题， 表格的尺寸发生了变化。

在删除所有内容并且仅保留标题后，我最简单的方法是保持克隆表的维度与原始表的相同？

Answer 1

使用CSS并按照您希望的方式设置表格，无论是否有内容。

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

另一种方法是获取原始表的列的大小并将其作为宽度样式应用于克隆，但这需要进一步处理。

Answer 2

听起来您依赖于浏览器使用的默认表格宽度算法。您应该设置表元素明确的宽度，也就是：

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

OR

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

因此即使在另一个元素中，表仍然保持宽度。