Membuat Searching, Pagination, & Sorting dengan DataTable Client-side

Assalamu'alaikum wr. wb.

Apa kabar teman-teman ? Semoga sehat semuanya. Amin.
Pada kesempatan ini kita akan berguru bareng lagi, melanjutkan tutorial yang sebelumnya. Bagi yang ketinggalan silakan ikuti tutorial-tutorial sebelumnya yang dapat dilihat secara lengkap di DAFTAR ISI.


Kali ini kita akan menbuat searching (pencarian), pagination, dan sorting dengan menggunakan DataTable yang Client-side. Makara apa itu DataTable? DataTable yaitu salah satu plugin dari jQuery yang digunakan untuk menampilkan data dalam bentuk grid (tabel) dan memiliki banyak fitur-fitur (plugin-plugin) interaktif. Ada dua versi pada DataTables yaitu client-side dan server-side. Apa sih perbedaannya? Bagaimana sih cara menggunakannya? Bagaimana memadukannya dengan bootstrap? Silakan ikuti tutorial video dibawah sebab admin menjelaskan secara gamblang di dalamnya. Bisa juga dipelajari pada dokumentasi di website resminya dengan alamat datatables.net.

Oke eksklusif saja tutorialnya dapat teman-teman ikuti pada video di bawah ini. Jangan lupa setting kualitasnya menjadi HD semoga video menjadi terang :



Gimana mudah bukan?

Bagi yang tidak mampu men-download file dataTables yang kita gunakan di dalam tutorial, mampu di unduh DISINI.

Jangan lupa subscribe, like, dan share tutorial-tutorial .

Semoga bermanfaat, happy coding :)

Wassalamu'alaikum wr. wb.

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Report/Laporan PDF Tampil per ID dengan PHP mysqli dan html2pdf

Gambar
Assalamu'alaikum wr. wb. Setelah pada 2 tutorial sebelumnya kita sudah berhasil membuat report (laporan) PDF untuk cetak semua data dengan library html2pdf dan PHP mysqli oop serta berhasil dengan looping gambar juga, maka pada kesempatan yang rupawan kali ini kita akan menambahkan sedikit parameter di file cetak pdf kita yang kemaren (satu file yang sama) supaya dapat menampilkan pdf per id sesuai data yang dipilih. Bagi yang ketinggalan silakan ikuti urutan tutorialnya di daftar isi . Bagi yang tidak punya library html2pdf versi 4.4.0, mampu mendownloadnya disini . Tutorial membua report (laporan) PDF tampil per ID dapat temen-temen ikuti pada video dibawah ini. Jangan lupa setting kualitas videonya menjadi HD supaya jelas. Gimana simple dan tidak sulit kan? Jika ada pertanyaan silakan berkomentar dengan sopan. Baca tutorial sebelumnya :  Membuat Report PDF dengan Looping Gambar Menggunakan html2pdf & PHP Mysqli Baca juga tutorial selanjutnya :  Membua
Baca selengkapnya

Mengaktifkan PHP Extension (mysql, mysqli, PDO, etc) di XAMPP

Gambar
Assalamu'alaikum wr. wb. Kemaren ada sahabat kita mengikuti tutorial-tutorial di blog ini yang 1-15 : Tetapi beliau bilang error, padahal script udah sama. Setelah beliau memberitahu errornya, aku eksklusif menebak dilema bukan pada code dia, tetapi versi web server yang dipakai adalah XAMPP-nya versi terbaru. Saya juga memakai XAMPP terbaru dan ternyata benar, aplikasi yang dulu aku built pake PHP ekstensi mysql yang lama muncul menyerupai ini : Setelah aku analisa ternyata extension PHP mysql yang lama emang di versi xampp terbaru default-nya ter-disable, bukan dihapus tapi cuma dinonaktifkan. Karena para pengembang PHP sendiri sudah tidak membuatkan PHP ekstensi mysql dan sangat menyarankan move on ke ekstensi mysqli dan PDO. Baca juga : -  Perbedaan mysql dan mysqli Extension PHP -  Pengertian PDO dan Cara Mengaktifkan PDO Extension Dan inilah cara serta penjelasan bagaimana mengaktifkan extension-extension PHP di XAMPP, mampu mysql extension, mysqli extensio
Baca selengkapnya

Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap

Gambar
Assalamu'alaikum wr. wb. Melanjutkan tutorial-tutorial yang sebelumnya yaitu: Membuat Desain Web Responsive dengan Bootstrap & Membuat Tampil Data dengan PHP Mysqli OOP + Bootstrap Kali ini kita akan berguru bagaimana "Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap". Kaprikornus kita tidak perlu membuat halaman tampil data dan tambah data dalam page yang terpisah, tetapi cukup memanfaatkan modal dari bootstrap. Tampilannya nanti akan menyerupai ini kawan: Dan implementasinya mampu menyerupai ini juga: Gimana keren dan simpel bukan? Oke eksklusif saja tutorial dan source code-nya dapat kita pelajari secara gratis dan terang pada video dibawah ini. Jangan lupa setting kualitasnya menjadi full hd semoga video terlihat jelas. Jika masih ada yang galau atau error jangan sungkan-sungkan untuk bertanya di komentar ya teman. Baca juga tutorial selanjutnya : Membuat Edit Data (& replace gambar di direktori) dengan Modal
Baca selengkapnya