Bagaimana cara menyembunyikan baris tabel HTML <tr> sehingga tidak membutuhkan ruang?

Bagaimana cara menyembunyikan baris tabel HTML <tr>agar tidak memakan ruang? Saya memiliki beberapa <tr>set ke style="display:none;", tetapi mereka masih mempengaruhi ukuran tabel dan batas tabel mencerminkan baris tersembunyi.

Saya sangat ingin melihat gaya TABLE Anda. Misalnya "batas-runtuh"

Hanya tebakan, tetapi ini mungkin memengaruhi bagaimana baris 'tersembunyi' ditampilkan.

Bisakah Anda memasukkan beberapa kode? Saya menambahkan style="display:none;"baris tabel saya sepanjang waktu dan secara efektif menyembunyikan seluruh baris.

Anda dapat mengatur <tr id="result_tr" style="display: none;">dan kemudian menampilkannya kembali dengan JavaScript:

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

Pikir saya akan menambahkan ini solusi potensial lainnya:

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

Saya hanya mengujinya di Chrome tetapi meletakkan ini di <tr>menyembunyikan baris PLUS semua sel di dalam baris masih berkontribusi pada lebar kolom. Saya terkadang akan membuat baris tambahan di bagian bawah tabel hanya dengan beberapa spacer yang membuatnya sehingga kolom tertentu tidak boleh kurang dari lebar tertentu, lalu menyembunyikan baris tersebut menggunakan metode ini. (Saya tahu Anda seharusnya dapat melakukan ini dengan css lain tetapi saya tidak pernah berhasil)

Sekali lagi, saya berada dalam lingkungan chrome murni jadi saya tidak tahu bagaimana ini berfungsi di browser lain.

Jika display: none;tidak berhasil, bagaimana dengan pengaturan height: 0;? Dalam hubungannya dengan margin negatif (sama dengan, atau lebih besar dari, tinggi batas atas dan bawah, jika ada) untuk menghapus elemen lebih lanjut? Saya tidak membayangkan itu position: absolute; top: 0; left: -4000px;akan berhasil, tetapi mungkin patut dicoba.

Bagi saya, menggunakan display: noneberfungsi dengan baik.

Tambahkan beberapa line-height berikut: 0px; font-size: 0px; height: 0px; margin: 0; padding: 0;

Saya lupa yang mana yang melakukannya. Saya pikir itu garis-tinggi untuk IE6.

Saya mengalami masalah yang sama, saya bahkan menambahkan style = "display: none" ke setiap sel.

Pada akhirnya saya menggunakan komentar HTML <!-- [HTML] -->

Anda dapat menggunakan tampilan gaya: tidak ada dengan tr untuk disembunyikan dan ini akan bekerja dengan semua browser.

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

bekerja dengan sempurna untuk saya ..

Ini terjadi pada saya dan saya bingung mengapa. Kemudian saya perhatikan bahwa jika saya menghapus nbsp; saya punya di dalam baris, maka baris tidak memakan tempat.

Anda perlu mengubah jenis input menjadi tersembunyi, semua fungsinya berfungsi tetapi tidak terlihat di halaman

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

selama jenis masukan disetel sehingga Anda dapat mengubah sisanya. Semoga berhasil!!

Saya mengalami masalah yang sama dan saya menyelesaikan masalah tersebut. CSS sebelumnya telah meluap: tersembunyi; z-indeks: 999999;

Saya mengubahnya menjadi overflow: terlihat;

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 akan menghapusnya dari alur tata letak dan seharusnya menyelesaikan masalah Anda - elemen akan tetap berada di DOM tetapi tidak akan memengaruhi orang lain.

Anda dapat mengatur

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