无法正确显示行

Question

我应该说这个问题是因为我完全没有html/css/javascript的背景，所以如果我使用错误的术语或要求一个愚蠢问题/没有提供足够的信息！

我试图让一个可扩展的表工作，并通过阅读论坛主题/教程（更改“next”到“nextUntil”，尝试nth孩子，然后删除它等经历了几轮脚本更改后），它以我想要的方式工作（当单击一行而不是一个时，显示接下来的两行）。

但是由于某些莫名其妙的原因，显示的行现在只收缩到第一个td的宽度。点击时，隐藏的行是正确的宽度。

该表现在看起来像是here。
显示似乎显示正确宽度的行（当前版本）的jsFiddle是here。

不得不插入代码或我无法发布这样的问题：当我删除了TR class="show"，行恢复到正确的宽度

$(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(); 
}); 

，但我没有看到任何东西，应该引起这种行为发生了（因为前面的表没有这个问题，并且唯一的区别就是行数和javascript更改，没有做CSS修改，也没有添加样式表。）

任何帮助真诚赞赏，我在如何进行损失！

Answer 1

你可以替换你的CSS小的变化：

替换此

.show { 
    display: block; 
} 

与此

.show { 
    display: table-row; 
}