समग्र चौड़ाई का आकार बदलने के बिना तालिका पंक्तियों को छिपाना

Question

क्या तालिका तालिका को समग्र तालिका चौड़ाई को प्रभावित किए बिना छिपाने का कोई तरीका है? मुझे कुछ जावास्क्रिप्ट मिला है जो कुछ टेबल पंक्तियों को दिखाता/छुपाता है, लेकिन जब पंक्तियां display: none; पर सेट की जाती हैं, तो तालिका दृश्यमान पंक्तियों की सामग्री को फिट करने के लिए घट जाती है।

Answer 1

आप तालिका के समग्र चौड़ाई संरक्षित करने के लिए देख रहे हैं, तो आप इसे पहले एक पंक्ति छुपा के लिए जाँच कर सकते हैं, और स्पष्ट रूप से इस मूल्य पर चौड़ाई शैली गुण सेट:

हालांकि, इस कारण हो सकता है जब आप पंक्ति को छुपाते हैं तो अलग-अलग कॉलम रीफ्लो करें। इसे कम करने का एक संभावित तरीका आपकी तालिका में एक शैली जोड़ना है:

table { 
    table-layout: fixed; 
} 

Answer 2

संदर्भ के लिए, लेविक का समाधान पूरी तरह से काम करता है।

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

Answer 3

अपनी मेज पर

सीएसएस में, आकार आप ऊंचाई और चौड़ाई के लिए निर्दिष्ट किया है सम्मान करने के लिए ब्राउज़र को यह निर्देश: मेरे मामले में, jQuery का उपयोग कर, समाधान कुछ इस तरह देखा। यह आम तौर पर ब्राउज़र द्वारा स्वत: आकार बदलने को दबा देता है जब तक कि आपने अपनी पंक्तियों और स्तंभों के पसंदीदा आकारों के रूप में कोई संकेत नहीं दिया है।

Answer 4

आप इसे शुद्ध एचटीएमएल

<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>