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

我有以下代码：

{

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

重新加载此表时，我看到一个额外的行：

---

无论我做什么，我都无法移除它。当我看源时，我看到一个额外的tbody

在第三行，您已经关闭了tbody

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

str=str+B-平均值；

将此更改为：

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

str=str+B-平均值；

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