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.