http://www.aichengxu.com/other/9262680.htm
今天在做项目的时候发现用javascript控制 tr 的显示隐藏时，当把tr的显示由“display:none”改为“display:block”时，该tr下的td内容合并到了第一个td里，
将原有数据删除后只填写一个<td>111</td>时也会出现这种情况，猜测不是td中代码的问题。
若在tr上直接写上样式：display:block时会发现布局正常，colspan起了作用，但是只要一使用js控制时就会出现合并问题，因此猜测是js导致合并问题的出现，
也就是说，原先在td中设置的colspan属性无效了。
由于display属性设置为空时，默认为显示，将“display:block”改为“display:‘‘” 即可。
搜索网上资料时发现设置为
display:;
时不起作用，改为“display:table-row ” 好用。
如果将display属性设置为空时，应写成如下形式：
display:‘‘;
display:"";
同样可以解决问题。
原文：http://www.cnblogs.com/loveamyforever/p/6837271.html