关于CSS的display属性的探究

今天要做一个树状表格的效果，然后动态加载相关行来添加到表格中，其中要用到display属性来实现行的显示和隐藏，下面是我要实现的最终效果：

 

刚开始我在(none|block)来回切换，发现第二次出现行内布局全部乱掉了，下面是这个效果图：

最后查阅手册，发现把display改成table-row就没事了，只是不知道大家有没有遇到过这样的问题，希望对大家有一点点的帮助。