Toplam genişlik yeniden boyutlandırmadan tablo satırlarını gizleme

Question

Genel tablo genişliğini etkilemeden tablo satırlarını gizlemenin bir yolu var mı? Bazı tablo satırlarını gösteren/gizleyen bazı javascript'im var, ancak satırlar display: none; olarak ayarlandığında, tablo görünür satırların içeriğine uyacak şekilde küçülüyor. Tabloda genel genişliğini korumak için arıyorsanız

Answer 1

, bir satır gizleme bunu önceden kontrol edin ve açıkça bu değere genişliği stil özelliğini ayarlayabilirsiniz: Ancak

, bu durumun yaratabileceği satırı gizlediğinizde yeniden akıtılacak sütunlar. Bu azaltmak için olası bir yolu tabloya bir stil ekleyerek geçerli: Referans olarak

table { 
    table-layout: fixed; 
} 

Answer 2

, levik çözümü mükemmel çalışıyor. Masanızda BB'de

$('#tableId').width($('#tableId').width()); 

Answer 3

, Eğer yükseklik ve genişlik için belirlediği boyutlarını onurlandırmak için tarayıcı talimat: Benim durumumda, jQuery kullanarak, çözüm böyle bir şey görünüyordu. Bu, genellikle satır ve sütunlarınızın tercih edilen boyutlarına ilişkin herhangi bir ipucu vermediğiniz sürece tarayıcı tarafından otomatik olarak yeniden boyutlandırmayı bastırır.

Answer 4

Sen ... saf HTML

<table border="1"> 
<colgroup> 
    <col width="150px" /> 
    <col width="10px" /> 
    <col width="220px" /> 
</colgroup> 
<tr> 
    <td valign="top">1</td> 
    <td> </td> 
    <td>2</td> 
</tr> 
<tr> 
    <td>3</td> 
    <td> </td> 
    <td>4</td> 
</tr> 
</table>