Question

我在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);

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

我错过了什么？

javascript创建的表具有拉伸到表宽度的行

0 个答案: