我的html表中不需要的额外行

时间:2015-04-21 15:27:05

标签: javascript html html-table

我有以下代码:

{

    str = str + "<thead><tr><th class=tableGridFontHeader>Condition</th>";
    str = str + "<th class=tableGridFontHeader>UnAdjusted Value</th></tr></thead>";

    str = str + "<tbody></tbody><tr><td class=tableGridFont align=center>B-Average</td>";
    str = str + "<td>" + avgUnAdjTxt + "</td></tr>";

    str = str + "<tr><td class=tableGridFont align=center>C-Rough</td>";
    str = str + "<td>" + accounting.formatMoney(roughUnAdjTxt, "$", 0) + "</td></tr></tbody>";

$("#blackBookWholeSaleTable").html(str);

我的css:

.tableGridFontHeader
{
font-size:16px;
color:#09364b;
background-color:#bdd2dc;
padding-left: 15px;
}

.tableGridFont
{   
font-size:14px;
color:#555f60;
padding-left: 15px;
}
}

当我重新加载此表时,我看到了一个额外的行:

enter image description here

无论我做什么,我都无法删除它。当我看到源代码时,我看到了一个额外的tbody。

1 个答案:

答案 0 :(得分:1)

在第三行中,您已关闭tbody。

str = str + "<tbody></tbody><tr><td class=tableGridFont align=center>B-Average</td>";

将其更改为:

str = str + "<tbody><tr><td class=tableGridFont align=center>B-Average</td>";