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

Question

我有以下代码：

{

    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;
}
}

当我重新加载这个 table 时，我看到了额外的一行：

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

Answer 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>";

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

Unwanted extra row in my html table

html

javascript

html-table