Kamis, 30 Oktober 2014

Menggabungkan Baris dan Kolom pada Tabel

Tidak semudah membuat tabel pada Microsoft Exel maupun Word, untuk menggabungkan baris dan kolom tabel di postingan blog agar terlihat lebih bagus dan rapi sedikit lebih rumit. Karena kita harus memahami sedikit tentang perintah HTML-nya. Jangan khawatir bagi kalian yang tidak begitu mengerti tentang HTML, saya pun begitu masih belum mengerti. Tapi, menurut saya ini hanya perintah mudah yang bisa dipelajari siapapun. Untuk lebih jelasnya baca urain dibawah.

Menggabungkan kolom



colspan
="2">Gabungan Kolom


Baris 2 - Kolom 1
Baris 2 - Kolom 2

Baris 3 - Kolom 1
Baris 3 - Kolom 2
Kode diatas adalah untuk penggunaan tabel dengan penggabungan 2 kolom yang ada pada baris pertama (Perhatikan bagian "Gabungan Kolom"). Untuk membuat seperti itu kalian harus menambahkan perintah colspan pada td atau kolom. Bisa dilihat diatas saya menggunakan perintah tersebut dengan colspan
="2">. Artinya, saya menggabungkan 2 kolom. Jika kalian ingin menggabungkan lebih dari dua kolom, harus merubah angka 2 setelah kode colspan. Hasil kode diatas akan seperti berikut: 

Gabungan Kolom
Baris 2 - Kolom 1Baris 2 - Kolom 2
Baris 3 - Kolom 1Baris 3 - Kolom 2

Menggabungkan Baris

Pada dasarnya untuk menggabungkan baris tabel, penggunaannya sama persis dengan menggabungkan kolom jadi penjelasannya tidak akan saya ulang. Perbedaan hanya terletak pada perintah yang digunakan, jika tadi perintahnya adalah colspan untuk menggabungkan kolom makanrowspan untuk menggabungkan baris. Bisa diperhatikan sendiri pada kode dibawah bagaimana pengaplikasiannya.





Gabungan Kolom
rowspan
="2">Baris 2 - Kolom 1
Baris 2 - Kolom 2


Baris 3 - Kolom 2

Kkode diatas adalah kode yang sebelumnya hanya menggabungkan kolom dan saya tambahkan panggabungan baris pada baris pertama-kolom 2 dan 3. Hasilnya akan terlihat seperti berikut :

Gabungan Kolom
Baris 2 - Kolom 1
Baris 2 - Kolom 2
Baris 3 - Kolom 2
Semoga bermanfaat.


sumber : http://obachti-95.blogspot.com

0 komentar :