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. Mengapa perlu menggunakan Datatables untuk menampilkan data?Keuntungan Penggunaan DataTables :. Tampilan data lebih rapi dan elegan.. Dilengkapi dengan fitur Pagination untuk mengatur jumlah data yang muncul per halaman.. Dilengkapi fitur searching untuk mempermudah mencari data.. Dilengkapi fitur filter pada masing-masing kolom, sehingga akan lebih mudah mengelompokkan data.. Apa itu Datatables server side?Datatables merupakan plugin jquery yang berguna untuk menampilkan data dalam bentuk tabel. Datatables memiliki beberapa fitur seperti pagination, searching, shorting, export data yang memudahkan kita dalam membangun sebuah aplikasi.
Apa fungsi dari data Tables?Data Tables merupakan sebuah plug-in jQuery untuk memanipulasi data dalam tabel HTML. Data Tables memungkinkan kita melakukan membuat tabel dengan fitur pencarian, membuat pagination, menampilkan data sebanyak yang kita mau, mengambil data dari ajax, dsb.
|