Cambio propiedad de presentación fila de la tabla

Question

tengo una página HTML con una tabla que contiene una fila oculta:

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

necesito para que sea visible en el lado del cliente usando jQuery. He intentado esto

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

y esto

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

Ambas implementaciones no funcionan para mí. Además, el segundo no es un navegador cruzado.

UPD. Lo siento, muchachos. Eso fue mi culpa: escribí mal el ID del elemento tr. Eso es extraño $ ('hiddenTr') no devolvió nulo ...

Answer 1

El primero debería funcionar. ¿Lo está envolviendo en $ (documento). Listo (función() {}); ?

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

Answer 2

Se podría intentar establecer display:auto, pero, honestamente, yo he tenido más que problemas para configurar manualmente la propiedad de visualización de la tabla de filas/celdas.

Lo que he encontrado generalmente funciona es crear una clase de CSS llamada "oculta" que tiene display:none. En lugar de mostrar() ing, simplemente elimino esa clase.

Answer 3

intenté?

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

Además, se debería poner en una <TD></TD> con algo en él, al menos un   por lo que la fila no se colapsa por su cliente navegador. Diffrent clientes se comportan diffrently ...

Answer 4

siempre que establece la propiedad style.display en "" (cadena vacía) para mostrar una fila de la tabla oculta:

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

Para ocultar de nuevo:

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

en jQuery, esto sería:

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

o

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

IE no parece que le gusta el valor de 'tabla de la fila' para la pantalla. Y 'bloque' no es correcto, y parece arruinar la pantalla en otros navegadores a veces.