Question

如果有人可以提供帮助：尝试隐藏/显示HTML表格中的某些行，设置样式display:none或display:block 某些表行中的属性。问题是如果我设置display:block，似乎是一列中的每个数据，扩展的行都会丢失表格单元格的宽度。

目前是Firefox浏览器。

切换脚本是：

<script language="javascript">
  function toggle_it(itemID){   
  // Toggle visibility between none and inline
 var Nondisp = document.getElementsByClassName(itemID) 
 for( var i=0; i < Nondisp.length ; i++) 
{
  if ((Nondisp[i].style.display == 'none'))   
    {                                                              
     Nondisp[i].style.display = 'block';     
      } else {                                                     
      Nondisp[i].style.display = 'none';      
      }                                                            
  }                                                                
  }                                                                
</script>

Answer 1

查看Display:None与Visibility:Hidden之间的区别：What is the difference between visibility:hidden and display:none?

设置隐藏的可见性仍然应该在表格中分配当前设置为display：none的房间，从布局考虑中完全删除该项目。

Answer 2

使用table-row代替block。

显示/隐藏表行但是

2 个答案: