如何使用Javascript将克隆表中的宽度保持为与原始相同

Question

我要做的是将表的标题复制到新表中。 所以，我尝试如下：

var srcTable = document.getElementById("bnn_GridView");
var clonedTable = srcTable.cloneNode(true);
clonedTable.id = "copiedTable";    // clear the id property of the cloned table

var container = document.getElementById("_bnn_GridView_tr");
container.appendChild(clonedTable);

是的，我复制了原始表

以上是复制表，下面是原始表。 它很有用。但是当我从复制的表中删除行时，它就像..

我丢失了所有的宽度属性。我知道因为我没有从原始表中复制宽度。顺便说一句，原始表本身也没有width属性。

这是原始的表源。

<table id="bnn_GridView">
    <tr>
        <td><div>No</div></td>
        <td><div>Name</div></td>
        <td><div>User ID</div></td>
        <td><div>Address</div></td>
        <td><div>Telephone Number</div></td>
        <td><div>Zipcode</div></td>
        <td><div>Web Site</div></td>
        <td><div>Sex</div></td>
        <td><div>Birthday</div></td>
        <td><div>Note</div></td>
    </tr>
    <tr>
        <td>0</td>
        <td>Richard0</td>
        <td>richard</td>
        <td>5th texas street</td>
        <td>+82 114</td>
        <td>135-080</td>
        <td>http://www.website.com</td>
        <td>Male</td>
        <td>May 5 1980</td>
        <td>Good</td>
    </tr>
</table>

有什么想法吗？保持原始表的宽度，即使我删除复制表中的所有行。

Answer 1

您需要循环遍历源表中某行的每个单元格，然后在克隆表中的相应单元格上显式设置其宽度。