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

我創建了一個表格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>

某些行包含隱藏的附加信息。如果行包含隱藏信息，則行的高度與不包含隱藏信息的行相比增加。如何設置所有行的通用高度。有什麼想法？

來源

2013-07-17 MIM

你總是可以用一個溢出來設置tr的高度：hidden; –

顯示：沒有更好的隱藏數據，而不是可見性：隱藏 –

使用display: none代替可見性隱藏demo

來源

2013-07-17 10:28:59

謝謝。顯示：沒有解決我的問題。 – MIM

錶行的高度將在高度動態地增加，如果增加了更多的信息，但到隱藏的元素，使用顯示：無並給予高度到一列，使用行高：/* size */;

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

這裏的jsFiddle

來源

2013-07-17 10:26:43 acudars

tr { 
    height: 50px; 
}

例如:)或

tr { 
    height: auto; 
}

取決於你需要什麼:)

來源

2013-07-17 10:27:43

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

回答

相關問題