Menampilkan data dengan Datatables

Menampilkan data dengan Datatables 

Pengen tidak menampilkan data di PHP dengan cara menggunakan datatables , seperti gambar diatas ? lalu apa itu datatables ? Datatables adalah plugin yang dibuat dari jquery yang berfungsi untuk menampilkan data dalam bentuk tabel, sehingga kita tidak perlu lagi membuat pagination ataupun fungsi search karena sudah include yaitu dengan Datatables tersebut.
oke langsung saja kita ke TKP :D

1. Download datatables nya , bisa menggunakan link ini 

2. Setelah itu ekstrak file RAR tersebut

3. taruh di folder project anda

4. lalu di tampilan untuk VIEW nya buat seperti ini

5. Coba perhatikan di code paling atas yaitu table id = "spe", nah itu merupakan penjabaran javascript seperti pada gambar di bawah ini . nah untuk pemanggilan file nya bisa seperti pada gambar di bawah ini

$(function(){
     $('#spe').dataTable();
});

disitu kan tertera ada #spe , nah itu merupakan id yang dipanggil tadi sebelumnya seperti pada gambar pertama

6. Cukup sekian tutorial semoga membantu anda dalam mencari solusi atas permasalahan anda

Terima kasih

Selengkapnya

Membuat Inputan berupa Jam di PHP

Di dalam sebuah sistem khususnya sistem yang berbasis web pasti ada yang namanya inputan berupa jam / waktu , waktu tersebut merupakan salah satu elemen penting dalam sistem karena untuk melihat data berdasarkan jam / waktu tersebut. Nah lalu bagaimana caranya agar inputan tersebut bisa berupa jam / waktu, ada beberapa cara sih sebenarnya , oke langsung saja

1. Buka projectnya itu menggunakan teks editor terserah, kalau saya menggunakan visual studio code

2. Masukkan koding / skrip seperti pada dibawah ini

    <input type = "time" name="jam_daftar" class="form-control">

   

   ket : yang tanda merah berarti inputan berupa jam , disitu masih berupa AM / PM , bisa di kembangkan lagi

3. tampilan nya seperti dibawah ini

    

Sekian tutorial yang ringan ini, semoga bisa membantu anda dan menambah wawasan anda

enjoy your coding gaes :D

Selengkapnya

Disable history textinput PHP

Disable history text input PHP

Adakalanya kita sebagai developer sistem web based sering menjumpai adanya history pada inputan yang kadang sering menganggu untuk pemandangan , eciye pemandangan. lalu apakah bisa seperti itu dihilangkan ? jawabannya adalah BISA yaitu dengan cara autocomplete nya di matikan. Lalu bagaimana caranya. simak langkah nya dibawah ini

1. Buka projectnya yang mau di matikan autocompletenya. Terserah mau menggunakan teks editor, kalau saya menggunakan visual studio code

2. masukkan beberapa kata di input textnya, seperti di bawah ini

      <input type = "text" class="form-control" name = "nik" autocomplete="off">

   ket : yang tanda merah berarti itu untuk mematikan history text input

3. Coba refresh ulang browser anda, pastikan inputan anda tidak ada historynya.

sekian tutorial sederhana ini, semoga bisa membantu bagi anda yang bingung cari menghilangkan history autocomplete text inputan

Selengkapnya