Як я можу приховати рядок таблиці HTML <tr>, щоб він не займав місця?

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

Я дуже хотів би побачити стилістику вашого TABLE. Наприклад, "крах кордону"

Лише здогадка, але це може вплинути на те, як відображаються «приховані» рядки.

Чи можете ви включити якийсь код? Я постійно додаю 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> хові рядку PLUS, усі комірки в рядку все ще сприяють ширині стовпців. Я інколи буду робити додатковий рядок у нижній частині таблиці з просто деякими прокладками, які роблять так, що певні стовпці не можуть бути меншими за певну ширину, а потім приховати рядок за допомогою цього методу. (Я знаю, ви повинні це зробити з іншими css, але я ніколи не змушував це працювати)

Знову ж таки, я перебуваю в чисто хромованому середовищі, тому я не маю уявлення, як це працює в інших браузерах.

Якщо display: none;це не працює, як щодо налаштування height: 0;? У поєднанні з від’ємним запасом (рівним або більшим за висоту верхньої та нижньої меж, якщо такі є) для подальшого видалення елемента? Я не думаю, що position: absolute; top: 0; left: -4000px;це спрацювало б, але, можливо, варто спробувати.

З мого боку, використання display: noneчудово працює.

Додайте кілька наступних висот рядка: 0px; розмір шрифту: 0px; висота: 0px; поле: 0; padding: 0;

Я забуваю, хто це робить. Я думаю, що це висота лінії для IE6.

У мене було те саме питання, я навіть додав style = "display: none" до кожної комірки.

Врешті-решт я використав HTML коментарі <!-- [HTML] -->

Ви можете використовувати стиль відображення: жоден з tr, щоб приховати, і він буде працювати з усіма браузерами.

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

прекрасно працює для мене ..

Це трапилося зі мною, і мене спантеличили, чому. Тоді я помітив, що якщо я видалю будь-яку nbsp; у мене були рядки, тоді рядки не займали місця.

Потрібно помістити тип введення зміни на прихований, усі його функції працюють, але це не видно на сторінці

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

до тих пір, поки тип вводу встановлений, ви можете змінити решту. Щасти!!

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

Я змінюю його на переповнення: видно;

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>