Membuat Tampilan list buku menggunakan Datatables

1.        Copy linknya dahulu “ https://datatables.net/examples/basic_init/zero_configuration.html ”

Link JS :

•               https://code.jquery.com/jquery-3.5.1.js

•               https://code.jquery.com/jquery-3.5.1.js  

2.        Letakkan link tersebut dalam file “footer.php” . letakkan di bawah js/bootstrap Buat baris baru di bawahnya masukkan  dengan membuat line baru dengan tag script dengan di dlm script ada elemen src=””. Letakkan link tersebut secara berurutan

•               https://code.jquery.com/jquery-3.5.1.js

•               https://code.jquery.com/jquery-3.5.1.js  habis itu copy atau tulis syintax yang ada di dalam web tadi didalam tag script seperti yang ada di gambar

                 $(document).ready(function() {

                 $('#example').DataTable();

} );

3.        Setelah itu pindah ke css link nya masih sama seperti yang di atas tadi hanya saja pilih lah CSS nya lalu copy file nya tersebut

4.        Pindah ke header.php ,di sini kalian buat line baru di bawah link yang sudah ada .kalian buat line baru dengan tag link dengan elemen rel=”stylesheet” dan herf=” ”di isi dengan link yang sudah ada https://cdn.datatables.net/1.11.4/css/jquery.dataTables.min.css  

5.        Di bagian tampil buku di line 10 di tambah id=”” di dalam id tulis saja example

    6.        Hasil tampilannya jika sudah jadi seperti ini ada dapat mengatur berapa kolom/slide