¿Cómo puedo ocultar una fila de la tabla HTML <tr> para que no ocupe espacio? Tengo varios <tr> establecidos en style="display:none;", pero aún afectan el tamaño de la tabla y el borde de la tabla refleja las filas ocultas.¿Cómo puedo ocultar una fila de la tabla HTML <tr> para que no ocupe espacio?
Realmente me gustaría ver el estilo de su TABLE. P.ej. "border-collapse"
Solo supongo, pero podría afectar la forma en que se representan las filas "ocultas".
¡Gracias! Ese era el estilo que faltaba. – MikeN
Agregue algunos de los siguientes line-height: 0px; font-size: 0px; height: 0px; margin: 0; padding: 0;
Olvidé cuál lo hace. Creo que es la altura de línea para IE6.
Si display: none; no funciona, ¿qué hay de la configuración height: 0; en su lugar? ¿En conjunción con un margen negativo (igual o mayor que, la altura de los bordes superior e inferior, si corresponde) para eliminar más el elemento? No creo que position: absolute; top: 0; left: -4000px; funcione, pero podría valer la pena intentarlo.
Por mi parte, el uso de display: none funciona bien.
Esto me sucedió a mí y estaba desconcertado sobre por qué. Entonces noté que si eliminaba cualquier nbsp; Tenía dentro de las filas, entonces las filas no ocuparon ningún espacio.
Estaba teniendo el mismo problema, incluso agregué style = "display: none" a cada celda.
Al final utilicé comentarios HTML <!-- [HTML] -->
Puede establecer <tr id="result_tr" style="display: none;"> y luego mostrar de nuevo con JavaScript:
var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';
¡Genial! Esto es lo que estaba buscando :) – kmario23
¡Gracias! Esconderse era fácil, pero sacarlos de vuelta era problemático. –
Puede usar la indicación de estilo: ninguno con tr para ocultar y lo hará trabajar con todos los navegadores
position: absolute lo eliminará del flujo de disposición y debería resolver su problema: el elemento permanecerá en el DOM pero no afectará a los demás.
fwiw Creo que esta es una gran solución si desea ocultar una columna, en algunas situaciones específicas. Además, agregue 'opacity: 0' – Grapho
Puede establecer
<table>
<tr style="visibility: hidden"></tr>
</table>
Con' visibility: hidden; 'el elemento aún ocupará espacio, esa es la diferencia entre las propiedades' visibility' y 'display' –
var result_style = document.getElementById('result_tr').style;
result_style.display = '';
está trabajando perfectamente para mí ..
HTML:
<input type="checkbox" id="attraction" checked="checked" onchange="updateMap()">poi.attraction</input>
JavaScript:
function updateMap() {
map.setOptions({'styles': getStyles() });
}
function getStyles() {
var styles = [];
for (var i=0; i < types.length; i++) {
var style = {};
var type = types[i];
var enabled = document.getElementById(type).checked;
style['featureType'] = 'poi.' + type;
style['elementType'] = 'labels';
style['stylers'] = [{'visibility' : (enabled ? 'on' : 'off') }];
styles.push(style);
}
return styles;
}
Es necesario poner el cambio del tipo de entrada a escondidas, todas las funciones de su trabajo, pero no es visible en la página
<input type="hidden" name="" id="" value="">
siempre y cuando el tipo de entrada se establece en que puede cambiar el resto . ¡Buena suerte!
Estaba teniendo el mismo problema y resolví el problema. El css anterior estaba desbordado: oculto; índice z: 999999;
Lo cambio a desbordamiento: visible;
¿Se muestran/ocultan repetidamente? O cuando están ocultos, ¿se han ido efectivamente para siempre? Porque podría usar javascript para eliminar la fila y probablemente solucionaría su problema. – inkedmn
Quiero iniciarlos como ocultos, y luego mostrarlos si el usuario hace clic en un botón para "mostrar más". Cuando están ocultos, no quiero que ocupen espacio vertical. – MikeN
tuve este mismo problema, si elimina() la fila con javascript, aún ocupa algo de espacio en IE6. no hay forma de evitar sucky IE – mkoryak