Contoh tabel mergecell colspans dan kolom hidden
Follow @X_increms
Ditulis Oleh: Alfians Increms Desember, 2022
Aplikasi: Perkebunan - Pertambangan - HTI - HPH Sistem Integrasi
Kembali ke artikel pertama
Contoh tabel mergecell colspans dan kolom hidden
Data ini di ambil dari Aplikasi Monitoring BBM Aset dan Karyawan, silahkan mengunjungi artikelnya pada situs ini.
Pada contoh ini dapat dilihat colspan yakni pemotongan garis kolom sesuai yang di inginkan seperti contoh skrip dibawah ini ;
<th data-priority="2" colspan="2" class="text-center"> Nama </th>
Colspan="2" ini menunjukkan pemotongan 2 kolom untuk dijadikan satu begitu juga dengan rowspan="2"Perhatikan contoh dibawah ini agar dapat dibedakan colspan dan rowspan.
| ROWSPAN | |||||
| COLSPAN | |||||
Adapun contoh laporan dengan menggunakan tabel mergecell colspans dan kolom hidden sebagai berikut :
LAPORAN MONITORING BBM (SOLAR)
| Tanggal | Nama | HM-KM | Pengambilan Solar | Stok Solar | Peminjam | Final Stok | - | Aksi | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| No | Pengambilan Pertama | Pengambilan Kedua | Driver | Unit | Awal | Akhir | XX1 | XX2 | XX3 | Total BBM | Awal XX1 | Akhir XX1 | Awal XX2 | Akhir XX2 | Awal XX3 | Akhir XX3 | Dipinjam | Unit Usaha | Nama Peminjam | Total Sisa Stok | Keterangan | No Sistem | Ubah | Delete |
| 1 | 12-11-2021 | 12-11-2021 | Ahmad Mahmud | Fuel Truck 01 | 132300 | 132341 | 0 | 500 | 500 | 1000 | 1286 | 1286 | 1714 | 2214 | 166 | 666 | 0 Ltr | Belum di isi | Belum di isi | 4166 Ltr | 1-151121 | Ubah Data | Hapus Data | |
Dari contoh diatas kita dapat menampilkan data yang di inginkan saja atau seluruhnya maka dalam hal ini dapat mengkilk tombol Pilih Data yang ditampilkan yang berada diatas tabel Laporan Monitoring BBM.