Tabel JQuery Mobile Menggunakan data Database mySQL



Ditulis Oleh: Alfians Increms Desember, 2022
Aplikasi: Perkebunan - Pertambangan - HTI - HPH Sistem Integrasi

Tabel JQuery Mobile Menggunakan data Database mySQL

Sebelumnya pada situs ini sudah membahas tentang ; Gabungan kelas (class) Tabel JQuery Mobile dan Bootstrap, maka tentu pembahasan kali ini bahwa kita dapat menggunakan dengan data database apapun pada tabel jQuery Mobile, adapun di artikel ini menggunakan database mySQL dan juga mudah dipelajari.

Adapun contoh yang berada dibawah ini merupakan tabel dengan menggunakan data dari database mySQL pada prinsipnya caranya hampir sama dengan tidak menggunakan data dari database,, hanya bila menggunakan bahasa pemrograman PHP maka tentu penulisan pemanggilan data sesuai dengan aturan main bahasa pemrograman PHP itu sendiri, adapun contoh tabel menggunakan data dari database mySQL dapat dilihat dibawah ini ;

Pengguna dapat mengklik tombol "Pilih Kolom" untuk memilih data apa saja yang ingin ditampilkan atau tidak ditampilkan.


Nama Karyawan Traksi & LC PT Badai Berlalu

No NIK Nama Karyawan Jabatan Entitas Premi TMK Status Nikah No Telp Alamat Status Aktif Foto Keterangan
1 17090033 Marius Santo Operator Skidder PT XX2 Ya 25-07-2016 Sudah Menikah 081256368167 Sungai Riwa Km 67 Aktif
2 13050002 Daud Ibrahim Operator Bulldozer PT XX3 Ya 01-05-2013 Sudah Menikah 08223344556 Jl Mawar Jingga Aktif
3 15100027 Darman Mustafa Mandor Junior PT XX3 Tidak 13-10-2015 Sudah Menikah 085248773467 Sulawesi Aktif
4 20100085 Muh Rais Driver Small Truck PT XX2 Tidak 19-10-2020 Sudah Menikah 08121345671 Palu Aktif
5 21060094 Hirsamuel Driver DT Crane PT XX2 Tidak 26-06-2021 Sudah Menikah 0812145678 Tadoan Aktif
6 21070095 Nur Muhammad Driver LV PT XX2 Tidak 01-07-2021 Sudah Menikah 082344801967 Takat Aktif
7 20100017 Samfela Operator Jhon Deere PT XX1 Ya 30-10-2021 Sudah Menikah 081250281776 Batu Putih Berau Aktif
8 13120006 Ahmad Mahmud Operator Excavator PT XX3 Ya 14-12-2013 Sudah Menikah 085348547767 Sulawesi Aktif
9 13120007 Grikoman Operator Bulldozer PT XX3 Ya 26-11-2013 Sudah Menikah 08131313765 Bulungan Berau Aktif
10 20080208 Ahmad Panjaitan Operator Excavator PT XX3 Ya 30-10-2015 Sudah Menikah 081350375254 Samarinda Aktif
11 20080207 Sang Jago Mandor PT XX3 Tidak 05-10-2015 Sudah Menikah 085350249434 Samarinda Aktif
12 20120211 Kerja Bakti Driver DT Crane PT XX3 Tidak 01-12-2020 Duda 081351662355 Sulawesi Aktif
13 18050135 Elfiansyah Ass Traksi & LC - Sipil PT XX3 Tidak 26-08-2016 Sudah Menikah 082225111111 Samarinda Aktif
14 18090055 Masyanto Askep Planning PT XX2 Ya 18-09-2017 Sudah Menikah 085276300333 Karangan Kutim Aktif
15 20080209 Xahrilan Operator Excavator PT XX3 Tidak 20-11-2017 Sudah Menikah 082350339444 Kelolokan Aktif
16 KS18090010 Arifin Gunawan Anggota Umum (BBM) PT XX1 Tidak 26-09-2018 Belum Menikah 082251585555 Pempioang Kel. Tampalang Kec. Tapalang SulBar Aktif KHL
17 1432432 Ahmad Nikolous Driver SMTR 04/21 PT XX2 Tidak 26-10-2021 Belum Menikah 082138794411 Km 27 Aktif

Adapun skrip pengoneksian ke database mySQL menggunakan pemrograman PHP seperti contoh dibawah ini ;

<?php
$sql = "SELECT * FROM datakaryawan_badaiberlalu";
$myQry = mysqli_query($koneksidb, $sql) or die("Query salah : " . mysqli_error($koneksidb));
$nomor = 0;
while ($kolomData = mysqli_fetch_array($myQry)) {
$nomor++;
$Kode = $kolomData['kode'];
?>

Pada artikel ini menggunakan data dari database aplikasi monitoring Bahan Bakar Minyak,, jika ingin melihat silahkan kunjungi disini; Aplikasi monitoring Traksi-Workshop-Aset dan Bahan Bakar Minyak. Pada prinsipnya data yang di ambil dari database manapun bisa digunakan pada tabel jQuery Mobile.

Bagi yang belum memahami cara penulisan pemrograman PHP untuk menerbitkan data dari database silahkan mengunjungi artikel ini : Input data tanpa refresh dengan database

Pada artikel ini yang perlu diperhatikan adalah ; <th> dan <td> oleh sebab itu perhatikan setiap baris skrip pada tabel agar skrip berfungsi dan berjalan sesuai dengan pembahasan artikel ini.

Semoga artikel tentang "Tabel JQuery Mobile Menggunakan data Database mySQL" bisa dapat dipahami.

Silahkan baca juga : Tentang atau Mengenal Pupuk organik atau baca juga : Cara Pembuatan Pupuk Organik