Jangan mencari kawan yang membuat engkau merasa nyaman, tetapi carilah teman yang memaksamu untuk terus berkembang [Thomas J. Watson, Pendiri IBM]

Rabu, 24 Februari 2010

Memanfaatkan Elemen Tabel Pada Pemrograman Web

Tabel.... hmmmm sesuatu yangg nggak asing bagi kita. dalem keseharian kita pun sering menggunakan tabel...
Mulai dari buat tabel untuk jadwal pelajaran,untuk absensi, untuk pencatatan keuangan dan lain-lain.
Ternyata eh ternyata, tabel itu juga bisa lho buat grafik, contohnya seperti grafik batang...penasaran... baca Za lanjutannya... ^_^

1. Kreasi Grafik Batang Statis dengan Memanfaatkan Elemen Tabel



Untuk membuat grafik batang statis seperti gambar di atas, kita bisa melakukan merger terhadap beberapa sel (mergeCell). Dan untuk memberikan kejelasan dari grafik batang kita dapat menambahkan warna dan juga keterangan dari tiap-tiap grafik batang.
Adapun source codenya sebagai berikut: download di sini atau klik di sini

2. Desain Tabel Perbandingan Item Dengan Memanfaatkan Fitur Pengelompokan



Untuk membuat desain tabel perbandingan item seperti gambar diatas dengan menggunakan border yang digunakan sebagai pemisah. Sehingga dapat ditata border-border mana yang diperlihatkan dan yang tidak diperlihatkan dalam tabel yang telah dibuat. Adapun source codenya sebagai berikut: download
di sini atau klik di sini


Sekian postingan pemrograman web kali ini, moga bermanfaat
SELAMAT MENCOBA...^_^

0 komentar:

Posting Komentar

 

Mengenai Saya

Foto saya
Trenggalek, Jawa Timur, Indonesia
Seorang Mahasiswi dengan Prodi Pendidikan Teknik Informatika, Jurusan Teknik Elektro, Universitas Negeri Malang, Seperti kebanyakan orang, hobiku membaca, makanya aku juga hobi banget koleksi buku. selain baca,aku juga hobi banget maen game. Bagi yang mo tahu lebih banyak tentang aku silakan kirim email ke vie218@gmail.com

It's Vie Zone.... Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal