Как скрыть строку HTML-таблицы <tr>, чтобы она не занимала места?

Как я могу скрыть строку таблицы HTML, <tr>чтобы она не занимала места? У меня есть несколько <tr>Сета к style="display:none;", но они до сих пор влияют на размер таблицы и граница таблицы отражает скрытые строки.

Я действительно хотел бы увидеть стиль вашего ТАБЛИЦА. Например, «граница-коллапс»

Только предположение, но это может повлиять на то, как отображаются «скрытые» строки.

Можете ли вы включить код? Я style="display:none;"все время добавляю в свою таблицу строки, и это эффективно скрывает всю строку.

Вы можете установить, <tr id="result_tr" style="display: none;">а затем показать его с помощью JavaScript:

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

Подумал, что я бы добавил к этому возможное другое решение:

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

Я тестировал его только в Chrome, но поместив это в <tr>скрытую строку ПЛЮС, все ячейки внутри строки по-прежнему влияют на ширину столбцов. Иногда я делаю дополнительную строку внизу таблицы с несколькими разделителями, которые делают так, чтобы определенные столбцы не могли быть меньше определенной ширины, а затем скрывать строку с помощью этого метода. (Я знаю, что вы должны иметь возможность делать это с другим CSS, но я никогда не заставлял это работать)

Опять же, я нахожусь в чисто хромированной среде, поэтому я понятия не имею, как это работает в других браузерах.

Если display: none;не работает, как насчет настройки height: 0;? В сочетании с отрицательным полем (равным или превышающим высоту верхней и нижней границ, если таковые имеются) для дальнейшего удаления элемента? Не думаю, что position: absolute; top: 0; left: -4000px;это сработает, но, возможно, стоит попробовать.

С моей стороны, использование display: noneработает нормально.

Добавьте некоторые из следующих значений: line-height: 0px; font-size: 0px; height: 0px; margin: 0; padding: 0;

Я забываю, кто это делает. Думаю, для IE6 это line-height.

У меня была такая же проблема, я даже добавил style = "display: none" в каждую ячейку.

В итоге я использовал HTML-комментарии <!-- [HTML] -->

Вы можете использовать стиль display: none с tr, чтобы скрыть, и он будет работать со всеми браузерами.

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

у меня отлично работает ..

Это случилось со мной, и я был сбит с толку, почему. Затем я заметил, что если удалить какие-либо nbsp; у меня было внутри строк, значит, строки не занимали места.

Вам нужно поставить изменение типа ввода на скрытый, все его функции работают, но он не отображается на странице

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

пока установлен тип ввода, вы можете изменить остальные. Удачи!!

У меня была такая же проблема, и я решил ее. Ранее css был переполнен: скрытый; z-индекс: 999999;

Меняю его на overflow: 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 удалит его из потока макета и должен решить вашу проблему - элемент останется в DOM, но не повлияет на другие.

Вы можете установить

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