बदलें तालिका पंक्ति प्रदर्शन संपत्ति

Question

मैं एक मेज है कि एक छिपा पंक्ति है के साथ एक html पृष्ठ है:

<table> 
    <tr id="hiddenTr" style="display:none"> 
    ... 
    </tr> 
</table> 

मैं jQuery का उपयोग कर ग्राहक के पक्ष में यह दृश्यमान बनाना होगा। मैं इस

$('#hiddenTr').show(); 

और इस

$('#hiddenTr').css('display', 'table-row'); 

दोनों कार्यान्वयन मेरे लिए काम नहीं करते की कोशिश की। फर्टहमोर दूसरा दूसरा क्रॉसब्रोसर नहीं है।

यूपीडी। क्षमा करें, दोस्तों। यह मेरी गलती थी: मैंने tr element id को गलत टाइप किया था। यह अजीब $ ('छुपा हुआ') शून्य वापस नहीं आया ...

Answer 1

पहले व्यक्ति को काम करना चाहिए। क्या आप इसे $ (दस्तावेज़) में लपेट रहे हैं। पहले (फ़ंक्शन() {}); ?

$(document).ready(function(){ 
    $('#hiddenTr').show(); 
}); 

Answer 2

आप display:auto को सेट कर सकें, लेकिन ईमानदारी से, मैं लेकिन मैन्युअल रूप से तालिका पंक्तियों/कोशिकाओं के लिए प्रदर्शन संपत्ति की स्थापना मुसीबत कुछ भी नहीं मिला है।

जो मैंने आमतौर पर पाया है वह "छिपी हुई" नामक एक सीएसएस क्लास बना रहा है जिसमें display:none है। दिखाने के बजाय() आईएनजी, मैं बस उस वर्ग को हटा देता हूं।

Answer 3

ने कोशिश की?

$('#hiddenTr').css('display','block'); 

इसके अलावा, आप उस में कुछ के साथ एक <TD></TD> में रखना चाहिए, कम से कम एक   तो पंक्ति आपके ब्राउज़र ग्राहक द्वारा ढह नहीं है। अलग ग्राहकों diffrently व्यवहार करते हैं ...

Answer 4

मैं हमेशा "" (रिक्त स्ट्रिंग) एक छिपे हुए तालिका पंक्ति को दिखाने के लिए करने के लिए style.display गुण सेट:

var row = document,getElementById("row_id"); 
row.style.display = ""; // shows the row 

इसे फिर से छिपाने के लिए:

row.style.display = "none"; // hides the row 

jQuery में, इस होगा:

$("#row_id").css("display", ""); // show the row 

या

$("#row_id").css("display", "none"); // hides the row 

आईई प्रदर्शन के लिए 'टेबल-पंक्ति' मान पसंद नहीं प्रतीत होता है। और 'ब्लॉक' सही नहीं है, और ऐसा लगता है कि कभी-कभी अन्य ब्राउज़रों में डिस्प्ले खराब हो जाता है।