Jak ukryć wiersz tabeli HTML, aby nie zajmował miejsca?

Możesz podać jakiś kod? Dodaję style="display:none;" do moich wierszy tabeli cały czas i skutecznie ukrywa cały wiersz.

Możesz ustawić <tr id="result_tr" style="display: none;">, a następnie pokazać je z powrotem za pomocą JavaScript:

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

Jeśli display: none; nie działa, co powiesz na ustawienie height: 0;? W połączeniu z ujemnym marginesem (równym lub większym niż wysokość górnej i dolnej krawędzi, jeśli istnieją), aby dalej usunąć element? Nie wyobrażam sobie, żeby to zadziałało, ale może warto spróbować.

Z mojej strony, używanie display: none działa dobrze.

Dodaj kilka z następujących linii-height:0px;font-size:0px;height:0px;margin:0;padding:0;

Zapomniałem, który to robi. Wydaje mi się, że to linia dla IE6.

Miałem ten sam problem, dodałem nawet style = "display: none" do każdej komórki.

W końcu użyłem komentarzy HTML <!-- [HTML] -->

To mi się przytrafiło i byłem zdumiony dlaczego. Potem zauważyłem, że jeśli usunąłem dowolny nbsp; miałem w rzędach, to wiersze nie zajmowały żadnej przestrzeni.

Możesz użyć style display:none z tr do ukrycia i będzie działać ze wszystkimi przeglądarkami.

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

Pomyślałem, że dodam do tego potencjalne inne rozwiązanie:

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

Testowałem go tylko na Chrome, ale umieszczenie tego na <tr> ukrywa wiersz PLUS wszystkie komórki wewnątrz wiersza nadal przyczyniają się do szerokości kolumn. Czasami zrobię dodatkowy wiersz na dole tabeli z tylko kilkoma spacjami, które sprawiają, że niektóre kolumny nie mogą być mniejsze niż pewna szerokość, a następnie ukryj wiersz za pomocą tej metody. (Wiem, że powinieneś to zrobić za pomocą innych css, ale Nigdy nie udało mi się tego zrobić)

Ponownie, jestem w środowisku czysto chrome, więc nie mam pojęcia, jak to działa w innych przeglądarkach.

Należy zmienić typ wejścia na ukryty, wszystkie jego funkcje działają, ale nie jest widoczny na stronie

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

Dopóki typ wejścia jest ustawiony na ten, możesz zmienić resztę. Powodzenia!!

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

Miałem ten sam problem i go rozwiązałem. Wcześniej css był overflow: hidden; z-index:999999;

Zmieniam na overflow: visible;

Możesz ustawić

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

position: absolute usunie go z układu i rozwiąże twój problem - element pozostanie w DOM, ale nie wpłynie na innych.