设置表格中所有行的固定高度

问题描述：

我创建了一个表格http://jsfiddle.net/vR5B8/。设置表格中所有行的固定高度

table id="resultDetails" class="table-striped" border=1 width="99%" nowrap=0; cellspacing=0; cellpadding=3><tbody> 
      <th colspan="2"><Big>Result Details</Big></th> 
       <tr data-depth=0 class="collapse" height=1px > 
        <td width="4%">P</td> 
        <td width="80%">Modules 
        <div class="content"> 
         <p>Abc</p> 
        </div> 
        </td> 
       </tr> 
       <tr data-depth=0 class="collapse" height=1px > 
        <td width="4%">P</td> 
        <td width="80%">Modules 1</td> 
       </tr> 
       <tr data-depth=0 class="collapse" height=1px > 
        <td width="4%">P</td> 
        <td width="80%">Modules 2</td> 
       </tr> 
</tbody>

某些行包含隐藏的附加信息。如果行包含隐藏信息，则行的高度与不包含隐藏信息的行相比增加。如何设置所有行的通用高度。有什么想法？

你总是可以用一个溢出来设置tr的高度：hidden; –

显示：没有更好的隐藏数据，而不是可见性：隐藏 –

答

使用display: none代替可见性隐藏demo

谢谢。显示：没有解决我的问题。 – MIM

答

表行的高度将在高度动态地增加，如果增加了更多的信息，但到隐藏的元素，使用显示：无并给予高度到一列，使用行高：/* size */;

.content { 
    display:none; 
} 
tr { 
    min-height: 20px; 
    line-height: 20px; 
}

这里的jsFiddle

答

tr { 
    height: 50px; 
}

例如:)或

tr { 
    height: auto; 
}

取决于你需要什么:)

设置表格中所有行的固定高度

相关推荐