Tuesday, January 17, 2012

<COLGROUP>

Elemen COLGROUP digunakan untuk menetapkan column group di dalam elemen TABLE.

Sintaks:

<COLGROUP Attribute="Value">...</COLGROUP>

Jika elemen COLGROUP ini digunakan, COLGROUP harus ditetapkan setelah elemen CAPTION dan sebelum elemen THEAD.

SPAN=Number
Atribut SPAN digunakan untuk menetapkan banyaknya kolom didalam column group, nilai default-nya adalah 1.

Atribut SPAN tidak perlu digunakan jika di dalam elemen COLGROUP terdapat elemen COL.

ALIGN
Atribut ALIGN digunakan untuk menetapkan kelurusan yang horisontal bagi isi-isi di setiap cell di dalam column group, nilainya adalah left, center, right, justify, atau char.

Atribut ALIGN hanya didukung oleh IE dan Opera, IE akan mengabaikan nilai justify, sebagai gantinya IE akan menerapkan nilai center.

CHAR=Character
Atribut CHAR digunakan untuk meluruskan isi-isi disetiap cell di dalam column group berdasar kekarakter yang ditetapkan.

Atribut CHAR hanya digunakan jika ALIGN="char" ditetapkan.

CHAROFF=Length
Atribut CHAROFF hanya digunakan jika atribut CHAR ditetapkan dan ALIGN="char", tetapi banyak browser tidak mendukungnya.

VALIGN
Atribut VALIGN digunakan untuk mengatur kelurusan yang vertikal bagi isi-isi di setiap cell di dalam column group, nilainya adalah top, middle, bottom, atau baseline.

Atribut VALIGN hanya didukung oleh IE dan Opera.

WIDTH=MultiLength
Atribut WIDTH digunakan untuk mengatur lebar setiap kolom di dalam column group.

Firefox, Chrome, dan Safari hanya mendukung atribut SPAN dan WIDTH untuk elemen COLGROUP.

Contoh penggunaan elemen COLGROUP, contoh ini SPAN digunakan untuk menetapkan hanya 2 kolom (yang diberi warna merah) di dalam column group yang akan diatur:

<TABLE BORDER="1" WIDTH="100%"> <COLGROUP SPAN="2" STYLE="text-align: center; background-color: green"> </COLGROUP> <TR> <TH>row 1, header cell 1</TH> <TH>row 1, header cell 2</TH> <TH>row 1, header cell 3</TH> </TR> <TR> <TD>row 2, cell 1</TD> <TD>row 2, cell 2</TD> <TD>row 2, cell 3</TD> </TR> <TR> <TD>row 3, cell 1</TD> <TD>row 3, cell 2</TD> <TD>row 3, cell 3</TD> </TR> </TABLE>

Elemen COLGROUP juga mendukung Atribut-Atribut Standard HTML.