Jquery Can'；无法正确显示行

在回答这个问题之前，我应该说我完全没有html/css/javascript方面的背景知识，所以如果我使用了错误的术语，或者问了一个愚蠢的问题/没有提供足够的信息，请对我说声抱歉

我正在尝试让一个可扩展的表工作，在阅读论坛线程/教程（将“next”更改为“nextUntil”，尝试第n个子项，然后将其删除等）经历了几轮脚本更改后，它按照我希望的方式工作（单击一行时显示接下来的两行，而不是仅单击一行）

然而，由于某些无法解释的原因，显示的行现在只缩小到第一个td的宽度。单击时，隐藏行的宽度正确

这张桌子现在看起来是这样的。
显示行（当前版本）的JSFIDLE显示正确的宽度。

必须插入代码，否则我无法发布此问题：

$(document).ready(function(){
     $("#report tr.show").click(function(){
         $(this).nextUntil("tr.show").toggle();
         $(this).find(".arrow").toggleClass("up");
         $(this).find(".show").not(".show").fadeOut(350)
         $(this).find(".show").fadeToggle(350);
     });            
     //$("#report").jExpand();
});

当我删除tr

class=“show”

时，行会恢复到正确的宽度，但我没有看到任何会导致这种行为发生的情况（因为上一个表没有这个问题，与上一个表的最大区别是行数和javascript更改。没有进行CSS更改，也没有添加样式表。）

---

衷心感谢您的帮助，我不知道如何继续！

您可以替换CSS中的小更改：

替换这个

.show {
  display: block;
}

用这个

.show {
  display: table-row;
}

---

成功了！！刚才用了错误的方式回答。非常感谢Jainam！！