javascript - 如何使用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);

是的，我复制了原始表格

以上为复制表，以下为原表。它可以找到。但是当我从复制的表中删除行时，它就像..

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

这是原始表源。

<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

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