0

我在javascript中动态创建一个表并将其附加到一个div。生成的表格似乎与我在概念验证中使用的直接 html 表格具有所有相同的标签和样式，但表格单元格不会拉伸。

当我在表格上放置边框时，我看到表格本身的宽度为 100%，但轮廓单元格根本不会拉伸以填充它（它看起来像 Chrome 中另一个单元格表格中的表格）。

IE 和 Chrome 都给了我相同的行为。

这是我的代码：

    var tbl = document.createElement("table");  
    tbl.cellPadding = 0; tbl.cellSpacing = 0; 
    var tblBody = document.createElement("tblBody"); 
    var tr = document.createElement("tr"); 
    var td;

    td = document.createElement("td"); 
    td.style.width="70px"; 
    td.appendChild(this.getFirstDiv());
    tr.appendChild(td);

    td = document.createElement("td"); 
    td.style.width="300px"; 
    td.appendChild(this.getSecondDiv());
    tr.appendChild(td);

    td = document.createElement("td");
    td.appendChild(this.getThirdDiv());
    tr.appendChild(td);

    tblBody.appendChild(tr); 
    tbl.appendChild(tblBody);

我觉得我在这里遗漏了一些明显的东西。我已经尝试过表格和表格行的显示属性。我试过宽度：自动。

我错过了什么？

4

0 回答 0