Categories
JQUERY

Teknik Menampilkan Data Secara List atau Grid dengan Jquery

Teknik Menampilkan Data Secara List atau Grid dengan Jquery




Assalamualaikum Wr.Wb

Pada kesempatan kali ini saya akan membahas tentang tampilan. Bagaimana cara menampilkan data dari database atau dari soruce lain bisa dalam 2 bentuk Grid atau List tergantung selera user yg mengunjungi website kita.

Q:Maksudnya gimana sih kang ? Yang sperti apa maksudnya?

Yah saya ambil contoh website terkenal Bukalapak.com aja. di gambar berikut

tampilan List

tampilan_list

Contoh Tampiilan Grid

tampilan_grid

Jadi seperti dambar diatas. Bisa list bisa grid. dan ternyata eh ternyata bisa dengan mudah fungsinya ternyata sudah ada di Javascript.

Ok, Monggo dibuka Editornya

dan ketikkan kode berikut

Nah kalau sudah bisa anda coba deh. sendiri ya.

Kalau masih belum bisa anda bisa download source nya di sini DOWNLOAD

Oke Sekian bila ada kekurangan mohon dimaafkan.

Semoga bermanfaat




Wassalamualaikum Wr.WB

 

 

 

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.