Selamat pagi, ketemu dgn sy lagi diseri kali ini, sy akan menuliskan pengalaman cara membuat report berupa file excel di Codeigniter tetapi versi client side..
Sebelum memulai tutorial kali ini, silahkan kalian download terlebih dahulu file" yg dibutuhkan pada link berikut ini :
Disini sudah sy buat paketan Bootstrap 3, Jquery dan database negara, download disini
Setelah itu, kalian ekstrak di folder yang sudah kalian tentukan. Disini sy tidak akan memandu dari dasarnya, krna sy anggap kalian sudah faham 😁
- Ekstrak dulu
- Setelah itu, kita buat database dulu. lalu import database country.sql tersebut
- Selanjutnya, kita masuk ke folder Controller dulu, kita lakukan query pengambilan data country. Pada gambar di bawah ini kita cukup setting di function index saja, lainnya biarkan default tidak perlu melakukan load library email & datatables serta load model Mwelcome karena kita praktek query builder nya via Controller biar ngk lama-lama 😂😂
- Sampai di sini, kita buat desain tabel dulu dan melakukan looping data hasil query builder di controller Welcome, nantinya data yg akan di export ke excel berasal dr tag <table></table> seperti berikut ini :
- Digambar itu, sy looping data nya di modal bootstrap, biar ngk keluar di layar gitu, nanti kalian custom sendiri lah, ini cuman buat gambarannya aja cara export excel versi client side
- Di bagian bawah, kalian tulis seperti berikut ini :
- Keterangan :
- containerid: "id_tabel"
- filename : "nama_file_setelah_di_export"
- datatype: samakan saja, sy gatau jg 😂😂
- Silahkan kalian run dulu di browser, harusnya cuman muncul button saja klw menampilkan data nya di modal bootstrap, dgn tag <div> yg di hidden class juga bisa asal penampilan data nya menggunakan tag <table></table>
- Langsung saja, kalian coba tekan tombol Cetak nya, harusnya file otomatis ke generate ke file .xls seperti berikut ini
- Silahkan kalian buka file nya, dicek sudah sesuai apa belum dengan yg di database
Cukup mudah bukan, cara buat report excel di client side, bisa kalian modifikasi sesuai kebutuhan, klw ada masalah silahkan komentar di bawah sini ya,
Terima kasih...
EmoticonEmoticon