DataTable merupakan salah satu plugin jQuery yang sering digunakan dalam pengembangan web untuk menampilkan data dalam format tabel. Ketika berhadapan dengan kumpulan data yang besar, penggunaan DataTable yang mengimplementasikan server side processing menjadi sangat penting. Dalam artikel ini, kita akan membahas beberapa contoh penulisan script dan contoh tabel hasil agar Anda dapat memahami bagaimana penggunaan dan manfaat DataTable server side processing dalam meningkatkan efisiensi aplikasi web.
DataTable dalam mode server side processing artinya semua pengolahan data – seperti pencarian, penyortiran, dan paginasi – dilakukan di server. Ini sangat berguna ketika Anda memiliki data dalam jumlah besar, sehingga hanya data yang relevan yang akan dikirimkan ke klien. Dengan cara ini, beban pada browser berkurang dan performa aplikasi meningkat.
Kinerja Lebih Baik: Dengan memindahkan pengolahan ke server, browser tidak akan terbebani oleh data yang berlebihan.
Pengolahan Data Besar: Data yang sangat besar sulit dikelola di sisi klien. Dengan server side processing, Anda bisa mengelola jutaan record tanpa masalah.
Kontrol Lebih Baik: Anda memiliki lebih banyak kontrol dalam hal bagaimana data diproses dan ditampilkan.
Berikut adalah contoh penulisan script untuk implementasi DataTable server side dengan PHP dan MySQL:
// Inisialisasi koneksi database
$conn = new mysqli("localhost", "username", "password", "database");
$request = $_REQUEST;
$columns = array(
0 => 'id',
1 => 'name',
2 => 'email'
);
// Ambil data dari database
$sql = "SELECT * FROM users";
$query = mysqli_query($conn, $sql) or die("Data tidak ditemukan");
$totalData = mysqli_num_rows($query);
$totalFiltered = $totalData;
$sql .= " WHERE 1=1";
if(!empty($request'search''value'))
$sql .= " AND ( name LIKE '%".$request'search''value'."%' ";
$sql .= " OR email LIKE '%".$request'search''value'."%')";
$query = mysqli_query($conn, $sql) or die("Data tidak ditemukan");
$totalFiltered = mysqli_num_rows($query);
$sql .= " ORDER BY ". $columns$request'order'0'column'." ".$request'order'0'dir' . " LIMIT ".$request'start'." ,".$request'length'." ";
$query = mysqli_query($conn, $sql) or die("Data tidak ditemukan");
$data = array();
while($row = mysqli_fetch_array($query))
$nestedData = array();
$nestedData = $row"id";
$nestedData = $row"name";
$nestedData = $row"email";
$data = $nestedData;
$json_data = array(
"draw" => intval($request'draw'),
"recordsTotal" => intval($totalData),
"recordsFiltered" => intval($totalFiltered),
"data" => $data
);
echo json_encode($json_data);
Contoh tabel hasil yang ditampilkan menggunakan DataTable server side:
| ID | Nama | |
|---|---|---|
| 1 | John Doe | john@example.com |
| 2 | Jane Smith | jane@example.com |
| 3 | Bob Johnson | bob@example.com |
| 4 | Alice Williams | alice@example.com |
Responsivitas: Hanya data yang diperlukan yang dimuat, mempercepat proses loading tabel.
Scalability: Dapat menangani dataset yang sangat besar, menjaga aplikasi tetap responsif.
Pengalaman Pengguna yang Lebih Baik: Dengan loading yang lebih cepat dan data yang relevan, pengguna akan memiliki pengalaman yang lebih baik dalam menggunakan aplikasi.
Mempermudah Pengembangan: DataTable yang sudah ada banyak dokumentasi dan komunitas dukungan membuat pengembang lebih mudah dalam mengimplementasikannya.
DataTable server side processing adalah solusi ideal untuk manajemen data yang besar sambil tetap memberikan pengalaman penggunaan yang berkualitas. Dengan memahami contoh penulisan script serta contoh tabel hasil, Anda dapat memanfaatkan DataTable server side dengan lebih efektif dalam proyek pengembangan web Anda. Penggunaan dan manfaat DataTable server side akan meningkatkan performa aplikasi Anda dan mengurangi beban data di sisi klien, menjadikannya pilihan cerdas untuk pengembangan modern.
