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%;"> 

所以表仍然是寬度即使在另一個元素。