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

Question

我遇到了一个问题，希望可以轻松解决。

我有一个正在克隆的 html 表

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

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

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

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

在删除所有表并仅保留表头后，要使克隆表的尺寸与原始表的尺寸保持一致，最简单的方法是什么？

Answer 1

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

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

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