无法正确显示行

我应该在这个问题前面说我绝对没有html / css / javascript的背景，所以请对我说话，对不起，如果我使用错误的条款或者问一个愚蠢的问题/没有提供足够的信息！

我试图让一个可扩展的表工作，并通过阅读论坛线程/教程（更改“下一步”到“nextUntil”，尝试nth-child然后删除它等）经过几轮脚本更改后，它正在工作我希望它的方式（单击一行时显示下两行而不是一行）。

然而，由于一些莫名其妙的原因，显示的行现在缩小到仅第一个td的宽度。 单击时，隐藏的行是正确的宽度。

现在的表格就在这里 。
显示行（当前版本）似乎显示正确宽度的jsFiddle在这里 。

不得不插入代码或我无法发布此问题：

$(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更改，并且没有添加样式表。）

真诚地感谢任何帮助，我不知道如何继续！

Answer 1

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

替换它

 .show { display: block; } 

有了这个

 .show { display: table-row; }