Bootstrap
Tutorial : Bootstrap + Data Tables

Pada kesempatan kali ini saya memberikan tutorial tentang bagaimana menggunakan data tables. Dan pada tutorial ini datatables yang kita akan gunakan saya coba padukan dengan bootstrap agar terlihat lebih cantik. Untuk melihat penjelasan lebih lengkap tentang datatables silahkan langsung lihat ke website nya di alamat ini: https://datatables.net

Kurang lebih tampilan yang akan dihasilkan dengan datatables adalah seperti ini.

datatable-preview

Kalau dilihat di atas, maka sepertinya kode programnya akan rumit sekali. Padahal sebenarnya tidak, datatables adalah plugin-nya jquery yang dapat kita gunakan dengan mudah. Coba perhatikan tabel di atas, ada fitur pencarian (search), ada fitur pagination, dan ada fitur show entries yang bisa disesuaikan berapa data yang ditampilkan per halaman. Perlu Anda ketahui bahwa semua itu langsung secara otomatis muncul tanpa kita coding sendiri. Cukup dengan menggunakan datatables, semua fitur itu kita dapakan.

Are you ready? Kalau sudah ready ayok nonton tutorial saya ini. Semoga bermanfaat ya.

File projectnya dapat di download di sini : http://bit.ly/TutorialDataTables

Related Post

2 Comments

  1. andrew

    permisi gan, saya sudah ikuti tutorial yang dataTable, sama persis, dan bisa tanpa error.
    cuman untuk bagian search nya tidak bisa berfungsi gan
    itu bagaimana ya?
    saya msh menggunakan mysql,
    mohon bantuannya, thx

Leave a comment

Your email address will not be published. Required fields are marked *