Grupuri de coloane (elementul COLGROUP)

Grupuri de coloane (elementul COLGROUP)

Īntr-un tabel se pot grupa si coloanele, nu numai rīndurile, folosind elementul COLGROUP. Numarul de coloane ce fac parte dintr-un grup se poate specifica īn doua moduri (mutual exclusive):

Cu atributul SPAN al elementului (valoare implicita 1)

Cu elementul COL, inclus īn COLGROUP, se reprezinta una sau mai multe coloane din grupul respectiv.

Avantajul folosirii atributului SPAN (metoda 1) este ca se pot grupa informatii despre latimile coloanelor. De exemplu, daca un tabel contine 40 de coloane, fiecare cu o latime de 20 pixeli, este mult mai usor de scris:

<COLGROUP span="40" width="20">

</COLGROUP>

de cīt:

<COLGROUP>

<COL width="20">

<COL width="20">

...pīna la 40 de coloane...

</COLGROUP>

Cīnd este necesar sa se individualizeze o coloana (pentru stil, latime, etc) īntr-un grup, se poate identifica acea coloana cu un element COL. Astfel, pentru a aplica un stil special ultimei coloane a tabelului dat ca exemplu anterior se poate folosi:

<COLGROUP width="20">

<COL span="39">

<COL id="format-special">

</COLGROUP>

Atributul width al lui COLGROUP este mostenit de toate cele 40 de coloane. Primul element COL se refera la primele 39 de coloane (nu e nimic special cu ele) si al doilea atribuie o valoare identificatorului reprezentat de atributul ID, astfel ca un stil defint cu tehnica style-sheet-urilor sa se refere la el.

Īn exemplul urmator se descrie un tabel cu doua grupe de coloane. Prima contine 10 coloane, iar cea de a doua 5. Latimea implicita pentru fiecare coloana din primul grup va fi 50 de pixeli, iar latimea fiecarei coloane din a doua grupa va fi minimul necesar pentru acea coloana:

<TABLE>

<COLGROUP span="10" width="50">

<COLGROUP span="5" width="0*">

<THEAD>

<TR>

<TD> ...

</TABLE>

Elementul COLGROUP

Sintaxa:

<COLGROUP>... </COLGROUP>

Atribute posibile:

SPAN=Number (numarul de coloane īn grup)

WIDTH=MultiLength (latimea fiecarei coloane)

ALIGN=[ top | bottom | left | right ] (alinierea orizontala a celulelor din grup)

VALIGN=[ top | middle | bottom | baseline ] (alinierea verticala a celulelor din grup)

CHAR=Character (caracterul dupa care se face alinierea)

CHAROFF=Length (offsetul caracterului dupa care se face alinierea)

atribute comune

Contine:

Zero sau mai nmulte elemente COL

Continut īn:

TABLE

Descriere:

Acest element defineste un grup de coloane īntr-un tabel. Daca e folosit, COLGROUP trebuie sa apara dupa elementul (optional) CAPTION si īnaintea elementului (tot optional) THEAD. Diviziunea structurala definita de COLGROUP permite sugerarea unei prezentari comune pentru tot grupul de coloane prin intermediul style-sheet-urilor.

Atributul SPAN defineste numarul de coloane din grup; valoarea implicita este 1. Celelalte atribute permise cu acest element sīnt comune coloanelor din tabel. Poate contine, de asemenea, elemente COL care definesc atributele pentru celulele din coloane īn mod individual, suprapunīndu-se īn acest fel atributele definite pentru grup. Atributul SPAN nu trebuie utilizat daca COLGROUP contine COL.

COLGROUP poate avea si un numar de atribute de prezentare, multe dintre ele neputīnd fi īnsa īnlocuite complet de style-sheet-uri. Īntrucīt nu toate browserele suporta COLGROUP, se pot specifica aceste atribute si celulelor individuale (elementelor TH si TD).

Atributul WIDTH specifica latimea fiecarei coloane din grup. Valoarea trebuie sa fie un numar de pixeli, procent din latimea tabelului sau o latime relativa exprimata ca i*, cu i intreg. O coloana care are WIDTH="3*" va avea latimea de 3 ori cīt una care are WIDTH="1*". Valoarea WIDTH="0*" este echivalentul minimului necesar pentru afisarea continutului coloanei.

Atributele celelalte au aceeasi semnificatie ca la elementele anterioare.

Exemplu:

Acest exemplu ofera o perspectiva asupra divizarii structurale a unui tabel īn 3 parti. Prima parte este alcatuita dintr-o singura coloana care da descrierea unui caracter. O doua, de 3 coloane, da diverse moduri de a reprezenta caracterul respectiv īn HTML. A treia parte, tot de 3 coloane, arata cum va apare caracterul respectiv īn diverse browsere.

<TABLE SUMMARY="This table gives the character entity reference,

decimal character reference, and hexadecimal character

reference for 8-bit Latin-1 characters, as well as the

rendering of each in your browser.">

<COLGROUP>

<COLGROUP SPAN=3>

<COLGROUP SPAN=3>

<THEAD>

<TR>

<TH SCOPE=col rowspan='2>Character</TH>

<TH SCOPE=col rowspan='2>Entity</TH>

<TH SCOPE=col rowspan='2>Decimal</TH>

<TH SCOPE=col rowspan='2>Hex</TH>

<TH SCOPE=colgroup COLSPAN=3>Rendering in Your Browser</TH>

</TR>

<TR>

<TH SCOPE=col>Entity</TH>

<TH SCOPE=col>Decimal</TH>

<TH SCOPE=col>Hex</TH>

</TR>

</THEAD>

<TBODY>

<TR>

<TD SCOPE=row>non-breaking space</TD>

<TD>&amp;nbsp;</TD>

<TD>&amp;#160;</TD>

<TD>&amp;#xA0;</TD>

<TD>&nbsp;</TD>

<TD>&#160;</TD>

<TD>&#xA0;</TD>

</TR>

</TBODY>

</TABLE>

Īn locul lui <COLGROUP SPAN=3> se poate folosi un COLGROUP cu 3 elemente COL, astfel:

<COLGROUP>

<COL CLASS=entity>

<COL CLASS=decimal>

<COL CLASS=hex>

</COLGROUP>

S-a folosit atributul CLASS pentru a se face distictie īntre coloane individuale ale grupului, permitīnd astfel sugerarea diferita a prezentarii pentru respectivele coloane, prin folosirea style-sheet-urilor.