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

Membuat Edit Profil (Termasuk Username & Password) dengan PHP mysql

Gambar
Assalamu'alaikum wr. wb. Halo apa kabar sahabat ? Semoga sehat selalu, Amin :) Pada tutorial kali ini kita akan melanjutkan pembelajaran sebelumnya. Kali ini kita akan berguru bagaimana membuat halaman edit profil termasuk edit username dan password dengan menggunakan PHP mysql. Fitur edit profil (termasuk edit username dan password) ini memang sering digunakan dan termasuk modul yang sering diperlukan / penting kalo kita membuat web guys. Karena banyak teman-teman yang request tutorial ini jadi aku buatkan dan Alhamdulillah ini sudah jadi. Apakah sulit min? Gak, mudah kok, biasa lah coding ala jadi simple dan mudah :D Silahkan dilihat screenshot-nya menyerupai gambar dibawah ini : Ok eksklusif saja tutorial-nya mampu diikuti pada video dibawah ini. Jangan lupa setting kualitas video-nya jadi HD semoga lebih jelas. Membuat Edit Profil (Termasuk Username... oleh yukcoding Gimana udah faham kan cara membuat halaman edit profil dengan PHP mysql? Mudah bukan? T
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