Data Tables memungkinkan kita melakukan membuat tabel dengan fitur pencarian, membuat pagination, menampilkan data sebanyak yang kita mau, mengambil data dari ajax, dsb. Show 1. Menyisipkan Data TablesPlug-in Data Tables yang saya gunakan pada tulisan ini adalah versi online melalui CDN. Bila anda ingin menggunakan versi offline, silahkan di-download dulu Data Tables-nya di https://datatables.net/download/index. Berikut ini cara menyisipkan Data Tables melalui CDN.
Jika anda menggunakan yang offline, maka isi nilai
Penting: Penyisipan jQuery harus berada di atas Data Tables, karena Data Tables membutuhkan jQuery dulu baru bisa digunakan. 2. Kode HTMLKode HTML berupa elemen tabel biasa yang diberikan ID unik. ID tersebut fungsinya untuk memilih tabel saat menerapkan Data Tables. Kode Tabel ini saya ambil dari web resmi data tables. Kode lengkap
3. Persiapan Data TablesKita akan menerapkan Data Tables saat web di-load.
Perhatikan 4. Demo HasilIframe embed of https://codepen.io/ardianta/embed/KqzEjR/?height=265&theme-id=dark&default-tab=result&embed-version=25. Menggunakan Tema BootstrapUntuk menggunakan tema Bootstrap, kita perlu menyisipkan CSS Boostrap dan CSS Tema Data Tabels untuk Bootstrap. |