Artikel ini menjelaskan metode JavaScript yang mengendalikan kolom tabel yang tidak akan ditampilkan. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
1. Kode Tabel
Salin kode sebagai berikut: <tabel id = "mytable" align = "center"
CellPadding = "3" CellPacing = "1" bgcolor = "#dfdfdf">
<tbody id = "tbody1" style = "latar belakang: #e4e9f0; font-weight: bold;">
<tr>
<td bgcolor = "#ffffff"> tanggal </td>
<td bgcolor = "#ffffff"> Nama media </td>
<td bgcolor = "#ffffff"> Menempatkan formulir </td>
<td bgcolor = "#ffffff"> Jumlah eksposur </td>
<td bgcolor = "#ffffff"> Jumlah paparan </td>
<td bgcolor = "#ffffff"> klik </td>
<td bgcolor = "#ffffff"> Jumlah klik </td>
<td bgcolor = "#ffffff"> ctr </td>
<td bgcolor = "#ffffff"> dikunjungi </td>
<td bgcolor = "#ffffff"> Jumlah bouncing </td>
<td bgcolor = "#ffffff"> kedalaman akses </td>
<td bgcolor = "#ffffff"> Jelajahi waktu/kedua </td>
<td bgcolor = "#ffffff"> Jumlah peserta </td>
<td bgcolor = "#ffffff"> Jumlah penangan bisnis </td>
</tr>
</tbody>
<tbody id = "detail_id"> </tbody>
</boable>
2. Kontrol JS sesuai dengan izin
Catatan: Jika data adalah data dinamis, tampilan kontrol TD setelah penugasan selesai. Kalau tidak, kontrol header TD akan berhasil dan baris lainnya akan gagal.
if (uname === "tamu") {$ ("#mytable tr"). masing -masing (function () {$ (this) .find ("td"). eq (7) .css ("display", "none"); $ (this) .find ("td"). eq (8) .css ("no", "no", "no", "no", ",", ",", ",", ",", ",", ",", ",", " $ (ini) .find ("TD"). EQ (9) .css ("display", "none"); $ (ini) .find ("TD"). EQ (12) .CSS ("Display", "None");Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.