¿Cómo puedo ocultar una fila de tabla HTML <tr> para que no ocupe espacio?

¿Cómo puedo ocultar una fila de una tabla HTML <tr>para que no ocupe espacio? Tengo varios <tr>configurados en style="display:none;", pero aún afectan el tamaño de la tabla y el borde de la tabla refleja las filas ocultas.

Realmente me gustaría ver el estilo de su TABLE. Por ejemplo, "colapso de la frontera"

Solo una suposición, pero podría afectar la forma en que se representan las filas 'ocultas'.

¿Puedes incluir algún código? Agrego style="display:none;"filas a mi tabla todo el tiempo y efectivamente oculta toda la fila.

Puede configurarlo <tr id="result_tr" style="display: none;">y luego mostrarlo de nuevo con JavaScript:

var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';

Pensé que agregaría a esto una posible otra solución:

<tr style='visibility:collapse'><td>stuff</td></tr>

Solo lo probé en Chrome, pero lo puse en el <tr> oculta de la fila MÁS todas las celdas dentro de la fila aún contribuyen al ancho de las columnas. A veces, hago una fila adicional en la parte inferior de una tabla con solo algunos espaciadores que hacen que ciertas columnas no puedan tener un ancho menor, luego oculto la fila usando este método. (Sé que se supone que debes poder hacer esto con otros CSS, pero nunca logré que eso funcione)

Nuevamente, estoy en un entorno puramente Chrome, por lo que no tengo idea de cómo funciona esto en otros navegadores.

Si display: none;no funciona, ¿qué tal si lo configuramos height: 0;? ¿Junto con un margen negativo (igual o mayor que la altura de los bordes superior e inferior, si corresponde) para eliminar aún más el elemento? No creo que eso position: absolute; top: 0; left: -4000px;funcione, pero valdría la pena intentarlo.

Por mi parte, el uso display: nonefunciona bien.

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 la línea para IE6.

Estaba teniendo el mismo problema, incluso agregué style = "display: none" a cada celda.

Al final usé comentarios HTML <!-- [HTML] -->

Puede usar la visualización de estilo: none con tr para ocultar y funcionará con todos los navegadores.

var result_style = document.getElementById('result_tr').style;
result_style.display = '';

funciona perfectamente para mí ..

Esto me pasó a mí y me desconcertó el por qué. Luego me di cuenta de que si eliminaba cualquier nbsp; tenía dentro de las filas, entonces las filas no ocuparon ningún espacio.

Debe poner el cambio del tipo de entrada a oculto, todas las funciones funcionan pero no está visible en la página

<input type="hidden" name="" id="" value="">

siempre que el tipo de entrada esté establecido en ese, puede cambiar el resto. ¡¡Buena suerte!!

Estaba teniendo el mismo problema y lo resolví. El CSS anterior estaba desbordado: oculto; índice z: 999999;

Lo cambio a desbordamiento: visible;

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

position: absolute lo eliminará del flujo de diseño y debería resolver su problema: el elemento permanecerá en el DOM pero no afectará a otros.

Puede configurar

<table>
  <tr style="visibility: hidden"></tr>
</table>