Pada artikel sebelumnya juga kita pernah membahas cara penggunakan datatable di laravel. Dan kali ini kita akan belajar menggunakan datatables dengan Codeigniter.
Isi
- Mengapa menggunakan datatable
- Tahap 1: Menyiapkan Database
- Tahap 2 : Instalasi datatable di codeigniter
- Tahap 3 : Membuat View, integrasi ke database
- Kesimpulan
Mengapa Menggunakan Datatables ?
Datatable adalah sebuah libraray yang digunakan untuk menyajikan data, library ini juga memiliki beberapa fitur yang sangat membantu seperti paging data, searching dan sorting, tanpa kita harus membuat script untuk membuat fitur tersebut.
Dalam penggunaan datatable, proses pemanggilan data dapat dilakukan dengan 2 cara yaitu:
- Cara Biasa yaitu dengan mengambil semua data diawal lalu ditampilkan di table sesuai jumlah row disetiap paging.
- Cara Serverside yaitu dengan cara mengambil data didatabase hanya sesuai jumlah row di setiap paging.
Keuntungan mengunakan serverside yaitu kecepatan akses terhadap data lebih baik karena proses query hanya akan mengambil data sesuai jumlah row disetiap page.
Tahap 1 Menyiapkan Database
Hal pertama yang akan kita lakukan adalah :
- Buatlah sebuah database dengan nama db_ci
- Buat sebuah table dengan nama karyawan
CREATE TABLE IF NOT EXISTS `karyawan` (
`nik` varchar(11) NOT NULL,
`nama` varchar(50) NOT NULL,
`jenis_kelamin` varchar(10) NOT NULL,
`telp` varchar(12) NOT NULL,
PRIMARY KEY(`nik`)
)
Tahap 2 Instalasi Datatables di Codeigniter
Alasan mengapa menggunakan Codeigniter adalah karena Codeigniter masih memiliki cukup banyak pengguna, selain codeigniter sangat populer terutama diindonesia. Baiklah untuk menggunakan jquery datatables, terlebih dahulu sisipkan library / plugin tersebut.
<!DOCTYPE html>
<html>
<head>
<title>Tutorial Datatable menggunakan Codeigniter</title>
<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
</head>
<body>
<table id="table">
<thead>
<tr>
<th>NIK</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Telp</th>
</tr>
</thead>
<tbody>
<?php
include 'koneksi.php';
$employee = mysqli_query($koneksi,"select * from karyawan");
while($row = mysqli_fetch_array($employee))
{
echo "<tr>
<td>".$row['nik']."</td>
<td>".$row['nama']."</td>
<td>".$row['jenis_kelamin']."</td>
<td>".$row['telp']."</td>
</tr>";
}
?>
</tbody>
<script>
$(document).ready(function(){
$('#tabel-data').DataTable();
});
</script>
</table>
</body>
</html>
Lalu tambahkan fungsi berikut, untuk memanggil datatable
<script type="text/javascript">
$(document).ready(function(){
$('#table).DataTable();
});
</script>
Kesimpulan
Dengan adanya plugin Datatables datatables serverside processing menjadi lebih mudah, kelebihan lain dari konsep ini adalah proses menampilkan data menjadi lebih cepat.
0 Comments